<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"><link rel="stylesheet" href="https://media.asiaone.com/microsite/shopping/styles/styles.css"><div class="container-fluid"><div class="lb1 advertisementTag" style="background-color:#dedfdf;margin-bottom:80px;padding:6px 0 15px;"><div class="col-12"><div id="dfp-ad-lb1"><span style="display:none;">d</span></div></div></div><div class="container-fix"><nav class="my-5" aria-label="breadcrumb"><ol class="breadcrumb" style="padding:0;"><li class="breadcrumb-item"><a style="color:#000;text-decoration:none;" href="https://www.asiaone.com/shopping">Shopping</a></li><li class="breadcrumb-item active" style="color:#FF2600;" aria-current="page">Must-Have Gadgets for Home &amp; Office</li></ol></nav><div class="pageTitle"><h1>Must-Have Gadgets for Home &amp; Office</h1><p>Upgrade your space with smart, practical gadgets designed to boost productivity, comfort, and convenience — whether you’re working from home or in the office.</p></div></div><div class="col-12 text-center font-italic disclaimer" style="margin-top:10px;"><small>Products featured on AsiaOne may earn us a small commission when you buy through our links. All prices are accurate at the time of publication.</small></div><div class="container-fix"><div class="mt-2" id="products" data-parent="Home" data-category="Home_Gadget">&nbsp;</div></div><div id="dfp-ad-prestitial"><span style="display:none;">d</span></div><div id="dfp-ad-catfish"><span style="display:none;">d</span></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script><script>
        function renderProducts(containerId, products, adInterval = 8) {
            const container = document.getElementById(containerId);
            const fragment = document.createDocumentFragment();

            products.forEach((prod, index) => {
                // Insert ad dynamically every `adInterval` items
                if (index > 0 && index % adInterval === 0) {
                    const adId = `dfp-ad-lb${Math.floor(index / adInterval) + 1}`; // +1 to skip LB1
                    const adDiv = document.createElement('div');
                    adDiv.className = 'lb-grid advertisementTag';
                    adDiv.innerHTML = `
                <div class="col-12">
                    <div id="${adId}"><span style="display:none;">d</span></div>
                </div>
            `;
                    fragment.appendChild(adDiv);

                    // GPT display call
                    if (window.googletag && googletag.apiReady) {
                        googletag.cmd.push(() => {
                            googletag.display(adId);
                        });
                    }
                }

                // Create product card
                const card = document.createElement('div');
                card.className = 'grid-item';
                card.innerHTML = `
            <a class="card-link" href="${prod.Product_Link || '#'}" target="_blank">
                <div class="ad-card" style="background-image:url('${prod.Img}')"></div>
                ${prod.Brand ? `<div class="label-text">${prod.Brand}</div>` : ""}
                ${prod.Product_Details ? `<div class="card-title">${prod.Product_Details}</div>` : ""}
                ${prod.Price ? `<div class="CTAbtn">
                                    <div class="price">${prod.Price}</div>
                                    <div class="cta">${prod.Platform}</div>
                                 </div>` : ""}
            </a>
        `;
                fragment.appendChild(card);
            });

            // Append everything at once
            container.appendChild(fragment);

            // Clean up empty text nodes for CMS
            [...container.childNodes].forEach(node => {
                if (node.nodeType === Node.TEXT_NODE && !node.textContent.trim()) {
                    node.remove();
                }
            });
        }

        // Fetch products
        const containerEl = document.getElementById("products");
        const parentCategory = containerEl.dataset.parent;
        const childCategory = containerEl.dataset.category;
        const productJsonApi = "https://media.asiaone.com/microsite/shopping/json/products.json"

        fetch(productJsonApi)
            .then(res => res.json())
            .then(json => {
                const parentList = json[parentCategory] || [];
                const products = parentList.filter(item => item.Category === childCategory);
                if (!products.length) console.warn("No products found for:", parentCategory, childCategory);
                else renderProducts("products", products);
            })
            .catch(err => console.error(err));
    </script><script>
        window.googletag = window.googletag || { cmd: [] };
        googletag.cmd.push(function () {
            // --- Size Mappings ---
            const lb1SizeMap = googletag.sizeMapping()
                .addSize([992, 0], [[970, 250], [970, 90], [728, 90], [728, 250], [1, 1]])
                .addSize([320, 0], [[300, 50], [300, 100], [1, 1]])
                .build();
            const lbSizeMap = googletag.sizeMapping()
                .addSize([992, 0], [[970, 250], [970, 90], [728, 90], [728, 250], [640, 480], [1, 1]])
                .addSize([320, 0], [[300, 50], [300, 100], [300, 250], [1, 1]])
                .build();

            // --- Define Slots ---
            const slots = [
                // LB Ads
                { id: 'dfp-ad-lb1', path: '/22929369600/a1/lb1/shopping-lb1/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [1, 1]] },
                { id: 'dfp-ad-lb2', path: '/22929369600/a1/lb2/shopping-lb2/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [300, 250], [640, 480], [1, 1]] },
                { id: 'dfp-ad-lb3', path: '/22929369600/a1/lb3/shopping-lb3/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [300, 250], [640, 480], [1, 1]] },
                { id: 'dfp-ad-lb4', path: '/22929369600/a1/lb4/shopping-lb4/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [300, 250], [640, 480], [1, 1]] },
                { id: 'dfp-ad-lb5', path: '/22929369600/a1/lb5/shopping-lb5/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [300, 250], [640, 480], [1, 1]] },
                { id: 'dfp-ad-lb6', path: '/22929369600/a1/lb6/shopping-lb6/article', sizes: [[970, 250], [970, 90], [728, 90], [728, 250], [320, 50], [320, 100], [300, 250], [640, 480], [1, 1]] },

                // Prestitial & Catfish
                { id: 'dfp-ad-prestitial', path: '/22929369600/a1/prestitial/shopping-prestitial/article', sizes: [[1, 1]] },
                { id: 'dfp-ad-catfish', path: '/22929369600/a1/catfish/shopping-catfish/article', sizes: [[1, 1]] }
            ];
            // --- Define & Map Slots ---
            const gSlots = slots.map(cfg => {
                const slot = googletag.defineSlot(cfg.path, cfg.sizes, cfg.id)
                    .addService(googletag.pubads());
                // Apply size mapping where needed
                if (cfg.id === 'dfp-ad-lb1') slot.defineSizeMapping(lb1SizeMap);
                if (cfg.id !== 'dfp-ad-lb1' && cfg.id !== 'dfp-ad-prestitial' && cfg.id !== 'dfp-ad-catfish') slot.defineSizeMapping(lbSizeMap);
                return slot;
            });

            // --- Enable Services ---
            googletag.pubads().enableSingleRequest();
            googletag.pubads().collapseEmptyDivs();
            googletag.enableServices();

            // --- Display All Slots ---
            gSlots.forEach(slot => googletag.display(slot.getSlotElementId()));
            googletag.pubads().refresh(gSlots);
        });
    </script>

dShoppingMust-Have Gadgets for Home &amp; OfficeMust-Have Gadgets for Home &amp; OfficeUpgrade your space with smart, practical gadgets designed to boost productivity, comfort, and convenience — whether you’re working from home or in the office.Products featured on AsiaOne may earn us a small commission when you buy through our links. All prices are accurate at the time of publication. dd