{"id":15408,"date":"2026-04-28T09:39:09","date_gmt":"2026-04-28T01:39:09","guid":{"rendered":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/?page_id=15408"},"modified":"2026-04-28T13:07:15","modified_gmt":"2026-04-28T05:07:15","slug":"new-items-category","status":"publish","type":"page","link":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/new-items-category\/","title":{"rendered":"New Items Category"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15408\" class=\"elementor elementor-15408\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-543e5c6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"543e5c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1dfa6bc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1dfa6bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-067ddfa elementor-widget elementor-widget-spacer\" data-id=\"067ddfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d16a3 elementor-widget elementor-widget-shortcode\" data-id=\"b8d16a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* body { font-family: 'Poppins', sans-serif; } *\/\r\n        .shopMenuList li { font-family: 'Poppins', sans-serif; font-size: 20px; }\r\n        .shopMenuList { border: 1px solid #333; list-style: none; padding: 0; margin: 0; opacity: 0.8; }\r\n        .shopMenuList > li { border-top: 1px solid #ffffff; background-color: #092B66; color: white; }\r\n        .shopMenuList > li > ul > li { background-color: #afafaf; color: #000000; list-style-type: none; }\r\n        .shopMenuList > li > ul > li > ul > li { background-color: #D9D9D9; color: #000000; list-style-type: none; }\r\n        .shopMenuList > li > ul > li > ul > li > ul > li { background-color: #ffffff; color: #000000; list-style-type: none; }\r\n        .shopMenuList > li:last-child { border-bottom: 1px solid #333; }\r\n        .shopMenuList li ul > li { border-top: 1px solid #333; }\r\n        .shopMenuList li ul > li:last-child { border-bottom: 1px solid #333; }\r\n        .shopMenuList li > a, .shopMenuList li > span { display: block; padding: 16px 20px; font-weight: 500; text-decoration: none; cursor: pointer; position: relative; }\r\n        .shopMenuList li ul li > span, .shopMenuList li ul li > a { padding-left: 40px; }\r\n        .shopMenuList li ul li ul li > span, .shopMenuList li ul li ul li > a { padding-left: 60px; }\r\n        .shopMenuList ul { list-style: none; padding-left: 0; margin: 0; }\r\n        .shopMenuList li > ul > li > ul > li > ul > li > ul > li { list-style: none; }\r\n        .shopMenuList li ul li ul li ul li ul li > span, .shopMenuList li ul li ul li ul li ul li > a { padding-left: 80px; }\r\n        .shopMenuList a { color: inherit; text-decoration: none; }\r\n        .shopMenuList li > a:hover, .shopMenuList li > span:hover { background-color: #FFB703; color: #000000; }\r\n        .shopMenuList li.has-children > span::after { content: '\u25b8'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; font-size: 30px; }\r\n        .shopMenuList li.open > span::after { transform: translateY(-50%) rotate(90deg); }\r\n        .shopMenuList li > ul { display: none; padding-left: 0; }\r\n        .shopMenuList li.open > ul { display: block; }\r\n        #menuSearch { width: 100%; height: 70px; padding: 12px 16px; font-size: 20px; font-family: 'Poppins', sans-serif; border: 1px solid #ccc; border-radius: 12px; outline: none; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); background-color: #fff; opacity: 0.8; margin-bottom: 10px; }\r\n        #menuSearch::placeholder { color: #aaa; font-weight: 400; font-size: 20px; }\r\n        #menuSearch:focus { border-color: #4a90e2; box-shadow: 0 0 0 4px rgba(74, 144, 226, 0.2); }\r\n        .shop-toggle-buttons { margin-bottom: 20px; display: flex; justify-content: center; }\r\n        .shop-toggle-buttons button { border: 1px solid #ffffff; height: 70px; font-family: 'Poppins', sans-serif; font-size: 22px; white-space: nowrap; }\r\n        .btn-active { background-color: #FFB703 !important; color: #000000 !important; font-family: 'Poppins', sans-serif; font-size: 18px; opacity: 0.8; }\r\n        .btn-inactive { background-color: #092B66 !important; color: #ffffff !important; font-family: 'Poppins', sans-serif; font-size: 18px; opacity: 0.8; }\r\n        .special-offer { background: linear-gradient(180deg, #ff4d4d 0%, #b30000 100%); opacity: 0.8; width: 100%; }\r\n        .special-offer a { color: #ffffff !important; text-decoration: none; font-weight: bold; }\r\n\r\n        \/* NEW RULE: Necessary for JavaScript searching *\/\r\n        .is-hidden { display: none !important; }\r\n\r\n        @media (max-width: 768px) {\r\n            .shop-toggle-buttons button { font-size: 16px; white-space: normal; word-break: break-word; text-align: center; padding: 5px; height: 80px; }\r\n            .groupOfBtn { margin-top: 10px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container mt-4\">\r\n        <div class=\"row align-items-center mb-4\">\r\n            <div class=\"col-lg-7\">\r\n                <input type=\"text\" id=\"menuSearch\" placeholder=\"Search Category...\">\r\n            <\/div>\r\n            <div class=\"col-lg-5 shop-toggle-buttons\">\r\n                <a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/select-category\/\"><button type=\"button\" class=\"btn btn-inactive\">Show all Category<\/button><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"shopMenuContainer\" style=\"min-height: 100vh;\">\r\n            <div class=\"shopMenuContainer\" style=\"min-height: 100vh;\">\r\n            <ul class=\"shopMenuList\">\r\n                <li class=\"has-children\"><span>Ceramic Tiles 2026<\/span>\r\n                    <ul>\r\n                        <li class=\"has-children\"><span>Glossy<\/span>\r\n                            <ul>\r\n                                <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/ceramic-tiles-2026\/floor-tiles-ceramic-tiles-2026\/60x60-floor-tiles-ceramic-tiles-2026\/glossy-60x60-floor-tiles-ceramic-tiles-2026\/\" target=\"_blank\"><span>60x60<\/span><\/a><\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                        <li class=\"has-children\"><span>Matte<\/span>\r\n                            <ul>\r\n                                <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/ceramic-tiles-2026\/floor-tiles-ceramic-tiles-2026\/60x60-floor-tiles-ceramic-tiles-2026\/matte-60x60-floor-tiles-ceramic-tiles-2026\/\" target=\"_blank\"><span>60x60<\/span><\/a><\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                <li class=\"has-children\"><span>Porcelain Tiles 2026<\/span>\r\n                    <ul>\r\n                        <li class=\"has-children\"><span>Polished<\/span>\r\n                            <ul>\r\n                                <li class=\"has-children\"><span>Glossy<\/span>    \r\n                                    <ul>\r\n                                        <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/porcelain-tiles-2026\/polished\/60x60-polished\/glossy-60x60-polished\/\" target=\"_blank\"><span>60x60<\/span><\/a><\/li>\r\n                                        <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/porcelain-tiles-2026\/polished\/60x120-polished\/glossy-60x120-polished\/\" target=\"_blank\"><span>60x120<\/span><\/a><\/li>\r\n                                    <\/ul>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                <li class=\"has-children\"><span>Decorative<\/span>\r\n                    <ul>\r\n                        <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/decorative-new\/bamboo-charcoal-decorative-new\/\" target=\"_blank\"><span>Bamboo Charcoal<\/span><\/a><\/li>\r\n                        <li><a href=\"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/product-category\/new\/decorative-new\/fluted-panel\/\" target=\"_blank\"><span>Fluted Panel<\/span><\/a><\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.min.js\"><\/script>\r\n    <script>\r\n        $(document).ready(function() {\r\n            const $searchBox = $('#menuSearch');\r\n\r\n            \/\/ 1. Unified Click Handler\r\n            $('.shopMenuList').on('click', 'li.has-children > span', function(e) {\r\n                const $li = $(this).parent();\r\n                const $ul = $li.find('> ul');\r\n                const isSearchActive = $searchBox.val().trim() !== \"\";\r\n\r\n                if ($li.hasClass('open')) {\r\n                    $ul.slideUp(300, function() {\r\n                        $li.removeClass('open');\r\n                    });\r\n                } else {\r\n                    \/\/ If searching, ensure immediate children are visible before sliding\r\n                    if (isSearchActive) {\r\n                        $ul.find('> li').removeClass('is-hidden');\r\n                    }\r\n                    $li.addClass('open');\r\n                    $ul.hide().slideDown(300);\r\n                }\r\n            });\r\n\r\n            \/\/ 2. Search Logic\r\n            $searchBox.on('input', function() {\r\n                const query = $(this).val().toLowerCase().trim();\r\n                const $allLi = $('.shopMenuList li');\r\n\r\n                if (query === \"\") {\r\n                    \/\/ Reset: show all, close all\r\n                    $allLi.removeClass('is-hidden open');\r\n                    $('.shopMenuList ul').attr('style', ''); \r\n                    return;\r\n                }\r\n\r\n                \/\/ Hide everything initially\r\n                $allLi.addClass('is-hidden').removeClass('open');\r\n                $('.shopMenuList ul').hide();\r\n\r\n                \/\/ Find matches\r\n                $('.shopMenuList li').each(function() {\r\n                    const $currentLi = $(this);\r\n                    const text = $currentLi.find('> span, > a > span').first().text().toLowerCase();\r\n\r\n                    if (text.includes(query)) {\r\n                        $currentLi.removeClass('is-hidden');\r\n\r\n                        \/\/ Trace UP: Show and Open all parents\r\n                        $currentLi.parents('li').each(function() {\r\n                            $(this).removeClass('is-hidden').addClass('open');\r\n                            $(this).find('> ul').first().show();\r\n                        });\r\n                        \r\n                        \/\/ Show the immediate container of the match\r\n                        $currentLi.closest('ul').show();\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        function showShop(type) {\r\n            $('.shopMenuContainer, .shopByBrand').hide();\r\n            if (type === 'category') {\r\n                $('.shopMenuContainer').show();\r\n                $('#btn-cat').addClass('btn-active').removeClass('btn-inactive');\r\n                $('#btn-brand').addClass('btn-inactive').removeClass('btn-active');\r\n            } else {\r\n                $('.shopByBrand').show();\r\n                $('#btn-brand').addClass('btn-active').removeClass('btn-inactive');\r\n                $('#btn-cat').addClass('btn-inactive').removeClass('btn-active');\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b3a077 elementor-widget elementor-widget-spacer\" data-id=\"7b3a077\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15408","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/pages\/15408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/comments?post=15408"}],"version-history":[{"count":14,"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/pages\/15408\/revisions"}],"predecessor-version":[{"id":15427,"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/pages\/15408\/revisions\/15427"}],"wp:attachment":[{"href":"https:\/\/branch.worldwidehomedepot.ph\/mandaue\/wp-json\/wp\/v2\/media?parent=15408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}