{"id":5945,"date":"2025-03-18T12:34:29","date_gmt":"2025-03-18T12:34:29","guid":{"rendered":"https:\/\/piindustries.com\/?page_id=5945"},"modified":"2025-06-04T07:08:14","modified_gmt":"2025-06-04T07:08:14","slug":"all-products","status":"publish","type":"page","link":"https:\/\/www.piindustries.com\/pt-br\/all-products\/","title":{"rendered":"All Products"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; admin_label=&#8221;initiatives&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding_tablet=&#8221;||4px|||&#8221; custom_padding_phone=&#8221;30px||0px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;1px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text content_tablet=&#8221;<\/p>\n<h2><img src=%22https:\/\/piindustries.com\/wp-content\/uploads\/2025\/02\/back-arrow.svg%22 width=%2235%22 \/>  Fungicides<\/h2>\n<p>&#8221; content_phone=&#8221;<\/p>\n<h2><img src=%22https:\/\/piindustries.com\/wp-content\/uploads\/2025\/02\/back-arrow.svg%22 width=%2230%22 \/>  Fungicides<\/h2>\n<p>&#8221; content_last_edited=&#8221;off|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_text_color=&#8221;#0058A5&#8243; header_2_font_size=&#8221;2.2vw&#8221; header_2_line_height=&#8221;1.2em&#8221; position_origin_a=&#8221;bottom_right&#8221; z_index=&#8221;20&#8243; custom_margin=&#8221;||0.5rem||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; animation_style=&#8221;fade&#8221; animation_duration=&#8221;100ms&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;4vw&#8221; header_2_font_size_phone=&#8221;5.5vw&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;position: relative;||display:flex;||align-items:center&#8221; global_colors_info=&#8221;{}&#8221; custom_css_before_phone=&#8221;content: &#8221;;||position: absolute;||left: 0px;||height:25px;||top:3px;||width: 4px;||background-color: #0058A5;&#8221; custom_css_before_last_edited=&#8221;off|desktop&#8221; custom_css_before_tablet=&#8221;content: &#8221;;||position: absolute;||left: 0px;||height:75%;||top:10%;||width: 6px;||background-color: #0058A5;&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Products<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;1px||||false|false&#8221; custom_css_free_form=&#8221;#pi-search {||  position: relative;||  padding-right: 30px !important;||  padding-bottom: 0.7em !important;||  padding-left: 0em !important;||  border: none;||  width: 100%;||  font-weight: 300;||  font-size: 18px;||  border-bottom: 1px solid #000 !important;||  height: auto;||  min-height: 0;||  background-image: url(&#8216;https:\/\/piindustries.com\/wp-content\/uploads\/2025\/03\/search.svg&#8217;);||  background-position: center right 10px; \/* Adjust position *\/||    background-repeat: no-repeat;||    background-size: 18px 18px;||  padding: 12px 20px 12px 40px;||}||#pi-products-list {||    display: flex;||    flex-direction: column;||    gap: 20px;||}||||.pi-category-section {||    display: flex;||    flex-direction: column;||}||||.pi-category-title {||    font-size: 20px;||    font-weight: bold;||    margin: 20px 0;||    padding: 1rem;||    background: #f7e722;||    border:none;||    color: #000;||}||.pi-product-item h3{||  font-size: 20px;||  padding:10px 0;||  color:#000;||  font-weight: 600;||  position:relative;||}||.pi-product-item h3::after {||  content: %22%22;||  position: absolute;||  right: 0px;||  top: 5px;||  width: 36px;||  height: 20px;||  background-image: url(https:\/\/piindustries.com\/wp-content\/uploads\/2024\/10\/Arrow-40.png);||  background-size: contain;||  background-repeat: no-repeat;||}||.pi-product-item p{||    font-size: 20px;||    color: rgba(0, 0, 0, 1);||    padding: 10px 0;||    font-weight: 400;||    overflow: hidden;||    display: -webkit-box;||    -webkit-line-clamp: 2;||    -webkit-box-orient: vertical;||    text-overflow: ellipsis;||    max-height: 4.5em;||}||||.pi-category-products {||    display: grid;|| grid-template-columns: repeat(3, 1fr);||    gap: 20px;||}||||.pi-product-item {||    background: #fff;||    padding: 15px;||   border:none;||    box-shadow: 8px 8px 18px 0px rgba(0, 0, 0, 0.2);||    transition: transform 0.3s ease;||}||||.policy-image img {||    width: 100%;||    object-fit: cover;||}||||.no-products-message {||    text-align: center;||    font-size: 22px;||    padding: 2rem;||}||||\/* Mobile and Tablet Version CSS *\/||||@media (max-width: 1024px) {||    .pi-category-products {||        grid-template-columns: repeat(2, 1fr);||        gap: 15px;||    }||||    .pi-product-item p {||        font-size: 18px;||        max-height: 3.5em;||    }||||    .pi-product-item h3 {||        font-size: 18px;||    }||}||||@media (max-width: 468px) {||    #pi-search {||        font-size: 16px;||        padding: 10px 15px 10px 35px;||        background-size: 16px 16px;||        background-position: center right 8px;||    }||||    #pi-products-list {||        gap: 15px;||    }||||    .pi-category-title {||        font-size: 18px;||        margin: 15px 0;||        padding: 0.8rem;||    }||||    .pi-product-item h3 {||        font-size: 16px;||        padding: 8px 0;||    }||||    .pi-product-item h3::after {||        width: 28px;||        height: 16px;||    }||||    .pi-product-item p {||        font-size: 14px;||        padding: 8px 0;||        max-height: 4em;||        -webkit-line-clamp: 2;||    }||||    .pi-category-products {||        grid-template-columns: repeat(1, 1fr);||        gap: 15px;||    }||||    .pi-product-item {||        padding: 12px;||        box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.15);||    }||||    .policy-image img {||      width: 100%;||      object-fit: cover;||    }||||    .no-products-message {||        font-size: 18px;||        padding: 1.5rem;||    }||}||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; min_height=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]\n<div id=\"pi-products-container\">\n    <input type=\"text\" id=\"pi-search\" placeholder=\"Search products...\">\n    <div id=\"pi-products-list\">\n            <\/div>\n<\/div>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('pi-search');\n    const categorySections = document.querySelectorAll('.pi-category-section');\n\n    function sortProductsAlphabetically(container) {\n        const products = Array.from(container.querySelectorAll('.pi-product-item'));\n        products.sort((a, b) => {\n            return a.textContent.trim().localeCompare(b.textContent.trim());\n        });\n        products.forEach(product => container.appendChild(product));\n    }\n\n    function getQueryParam(param) {\n        const urlParams = new URLSearchParams(window.location.search);\n        return urlParams.get(param) || '';\n    }\n\n    function filterProducts(query) {\n        const searchQuery = query.toLowerCase();\n        let hasResults = false;\n\n        categorySections.forEach(section => {\n            const productItems = Array.from(section.querySelectorAll('.pi-product-item'));\n            let visibleProducts = [];\n\n            productItems.forEach(item => {\n                const text = item.querySelector('h3')?.textContent.toLowerCase() || '';\n                const matchesSearch = text.startsWith(searchQuery); \/\/ <-- match only start\n                item.style.display = matchesSearch ? 'block' : 'none';\n                if (matchesSearch) {\n                    visibleProducts.push(item);\n                    hasResults = true;\n                }\n            });\n\n            sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n            section.style.display = visibleProducts.length > 0 ? 'block' : 'none';\n        });\n\n        let noResultsMessage = document.querySelector('.no-products-message');\n        if (!hasResults) {\n            if (!noResultsMessage) {\n                noResultsMessage = document.createElement('p');\n                noResultsMessage.className = 'no-products-message';\n                noResultsMessage.textContent = 'No products found.';\n                document.getElementById('pi-products-list').appendChild(noResultsMessage);\n            }\n        } else if (noResultsMessage) {\n            noResultsMessage.remove();\n        }\n    }\n\n    \/\/ Sort all products initially\n    categorySections.forEach(section => {\n        sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n    });\n\n    \/\/ Check for ?search= param in URL\n    const initialQuery = getQueryParam('search');\n    if (initialQuery) {\n        searchInput.value = initialQuery;\n        filterProducts(initialQuery);\n    }\n\n    \/\/ Add live search\n    searchInput.addEventListener('keyup', function () {\n        filterProducts(searchInput.value);\n    });\n});\n<\/script>\n<!-- \n<script>\n   document.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('pi-search');\n    const categorySections = document.querySelectorAll('.pi-category-section');\n    function sortProductsAlphabetically(container) {\n        const products = Array.from(container.querySelectorAll('.pi-product-item'));\n        products.sort((a, b) => {\n            return a.textContent.trim().localeCompare(b.textContent.trim());\n        });\n        products.forEach(product => container.appendChild(product)); \/\/ Reorder elements\n    }\n    \/\/ Sort all category products on load\n    categorySections.forEach(section => {\n        sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n    });\n    searchInput.addEventListener('keyup', function () {\n        const searchQuery = searchInput.value.toLowerCase();\n        let hasResults = false;\n        categorySections.forEach(section => {\n            const productItems = Array.from(section.querySelectorAll('.pi-product-item'));\n            let visibleProducts = [];\n            productItems.forEach(item => {\n                const text = item.textContent.toLowerCase();\n                const matchesSearch = text.includes(searchQuery);\n                item.style.display = matchesSearch ? 'block' : 'none';\n\n                if (matchesSearch) {\n                    visibleProducts.push(item);\n                    hasResults = true;\n                }\n            });\n            \/\/ Sort visible products alphabetically\n            sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n            \/\/ Show\/hide category sections\n            section.style.display = visibleProducts.length > 0 ? 'block' : 'none';\n        });\n        \/\/ Show \"No products found\" message if no results\n        let noResultsMessage = document.querySelector('.no-products-message');\n        if (!hasResults) {\n            if (!noResultsMessage) {\n                noResultsMessage = document.createElement('p');\n                noResultsMessage.className = 'no-products-message';\n                noResultsMessage.textContent = 'No products found.';\n                document.getElementById('pi-products-list').appendChild(noResultsMessage);\n            }\n        } else if (noResultsMessage) {\n            noResultsMessage.remove();\n        }\n    });\n});\n<\/script> -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Products\n<div id=\"pi-products-container\">\n    <input type=\"text\" id=\"pi-search\" placeholder=\"Search products...\">\n    <div id=\"pi-products-list\">\n            <\/div>\n<\/div>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('pi-search');\n    const categorySections = document.querySelectorAll('.pi-category-section');\n\n    function sortProductsAlphabetically(container) {\n        const products = Array.from(container.querySelectorAll('.pi-product-item'));\n        products.sort((a, b) => {\n            return a.textContent.trim().localeCompare(b.textContent.trim());\n        });\n        products.forEach(product => container.appendChild(product));\n    }\n\n    function getQueryParam(param) {\n        const urlParams = new URLSearchParams(window.location.search);\n        return urlParams.get(param) || '';\n    }\n\n    function filterProducts(query) {\n        const searchQuery = query.toLowerCase();\n        let hasResults = false;\n\n        categorySections.forEach(section => {\n            const productItems = Array.from(section.querySelectorAll('.pi-product-item'));\n            let visibleProducts = [];\n\n            productItems.forEach(item => {\n                const text = item.querySelector('h3')?.textContent.toLowerCase() || '';\n                const matchesSearch = text.startsWith(searchQuery); \/\/ <-- match only start\n                item.style.display = matchesSearch ? 'block' : 'none';\n                if (matchesSearch) {\n                    visibleProducts.push(item);\n                    hasResults = true;\n                }\n            });\n\n            sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n            section.style.display = visibleProducts.length > 0 ? 'block' : 'none';\n        });\n\n        let noResultsMessage = document.querySelector('.no-products-message');\n        if (!hasResults) {\n            if (!noResultsMessage) {\n                noResultsMessage = document.createElement('p');\n                noResultsMessage.className = 'no-products-message';\n                noResultsMessage.textContent = 'No products found.';\n                document.getElementById('pi-products-list').appendChild(noResultsMessage);\n            }\n        } else if (noResultsMessage) {\n            noResultsMessage.remove();\n        }\n    }\n\n    \/\/ Sort all products initially\n    categorySections.forEach(section => {\n        sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n    });\n\n    \/\/ Check for ?search= param in URL\n    const initialQuery = getQueryParam('search');\n    if (initialQuery) {\n        searchInput.value = initialQuery;\n        filterProducts(initialQuery);\n    }\n\n    \/\/ Add live search\n    searchInput.addEventListener('keyup', function () {\n        filterProducts(searchInput.value);\n    });\n});\n<\/script>\n<!-- \n<script>\n   document.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('pi-search');\n    const categorySections = document.querySelectorAll('.pi-category-section');\n    function sortProductsAlphabetically(container) {\n        const products = Array.from(container.querySelectorAll('.pi-product-item'));\n        products.sort((a, b) => {\n            return a.textContent.trim().localeCompare(b.textContent.trim());\n        });\n        products.forEach(product => container.appendChild(product)); \/\/ Reorder elements\n    }\n    \/\/ Sort all category products on load\n    categorySections.forEach(section => {\n        sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n    });\n    searchInput.addEventListener('keyup', function () {\n        const searchQuery = searchInput.value.toLowerCase();\n        let hasResults = false;\n        categorySections.forEach(section => {\n            const productItems = Array.from(section.querySelectorAll('.pi-product-item'));\n            let visibleProducts = [];\n            productItems.forEach(item => {\n                const text = item.textContent.toLowerCase();\n                const matchesSearch = text.includes(searchQuery);\n                item.style.display = matchesSearch ? 'block' : 'none';\n\n                if (matchesSearch) {\n                    visibleProducts.push(item);\n                    hasResults = true;\n                }\n            });\n            \/\/ Sort visible products alphabetically\n            sortProductsAlphabetically(section.querySelector('.pi-category-products'));\n            \/\/ Show\/hide category sections\n            section.style.display = visibleProducts.length > 0 ? 'block' : 'none';\n        });\n        \/\/ Show \"No products found\" message if no results\n        let noResultsMessage = document.querySelector('.no-products-message');\n        if (!hasResults) {\n            if (!noResultsMessage) {\n                noResultsMessage = document.createElement('p');\n                noResultsMessage.className = 'no-products-message';\n                noResultsMessage.textContent = 'No products found.';\n                document.getElementById('pi-products-list').appendChild(noResultsMessage);\n            }\n        } else if (noResultsMessage) {\n            noResultsMessage.remove();\n        }\n    });\n});\n<\/script> --><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"wf_page_folders":[],"class_list":["post-5945","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/comments?post=5945"}],"version-history":[{"count":1,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5945\/revisions"}],"predecessor-version":[{"id":13139,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5945\/revisions\/13139"}],"wp:attachment":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/media?parent=5945"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/wf_page_folders?post=5945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}