<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">&nbsp;</div></div></div><div class="container-fix"><div class="pageTitle"><h1>Popular Laptops Worth Exploring</h1><p>Discover a curated selection of laptops trusted for performance, portability, and everyday productivity. From sleek ultrabooks to powerful gaming machines, find the right device to power your work, study, and entertainment needs.</p></div></div><div class="col-12 text-center font-italic disclaimer" style="margin-top:10px;"><small>Some products featured on AsiaOne may earn us a small commission when you purchase through our links. Prices are accurate at the time of publication and may change.</small></div><div class="container-fix"><div class="mt-2" id="products" data-parent="Tech" data-category="Popular_Laptops">&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://stage-media.asiaone.com/microsite/shopping/test/March_Products.json"
       const productJsonApi = "https://media.asiaone.com/microsite/shopping/json/March_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>

Popular Laptops Worth ExploringDiscover a curated selection of laptops trusted for performance, portability, and everyday productivity. From sleek ultrabooks to powerful gaming machines, find the right device to power your work, study, and entertainment needs.Some products featured on AsiaOne may earn us a small commission when you purchase through our links. Prices are accurate at the time of publication and...