<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"><div class="pageTitle"><h1>Wellness Essentials for Daily Stress Relief</h1><p>From calming aromatherapy and muscle-relief tools to sleep aids and mindfulness essentials, these wellness products help you unwind, recharge, and feel your best. Explore items that promote calm, balance, and everyday wellbeing.</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="Wellness" data-category="Stress_Relief">&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 = 16) {
            const container = document.getElementById(containerId);
            const fragment = document.createDocumentFragment();

            const itemsPerRow = 4; // 4 columns
            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);
                        });
                    }
                }

                const isTallCard = index % (itemsPerRow * 2) === 0;

                let cardContent = `
    <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>` : ""}
`;

                const card = document.createElement('div');
                card.className = 'grid-item' + (isTallCard ? ' tall-card' : '');

                // Wrap only if NOT tall card
                if (!isTallCard) {
                    card.innerHTML = `<a class="card-link" href="${prod.Product_Link || '#'}" target="_blank">${cardContent}</a>`;
                } else {
                    card.innerHTML = cardContent; // just div, not clickable
                }

                fragment.appendChild(card);
            });

            container.appendChild(fragment);

            // Clean up empty text nodes
            [...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 Static Slots --
            googletag.display('dfp-ad-lb1');
            googletag.display('dfp-ad-prestitial');
            googletag.display('dfp-ad-catfish');
            googletag.pubads().refresh();
        });
    </script>

dWellness Essentials for Daily Stress ReliefFrom calming aromatherapy and muscle-relief tools to sleep aids and mindfulness essentials, these wellness products help you unwind, recharge, and feel your best. Explore items that promote calm, balance, and everyday wellbeing.Some products featured on AsiaOne may earn us a small commission when you purchase through our links. Prices are accurate at the time of...