<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/product_listing_v1.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>Mother’s Day Gift Guide 2026 : Fashion Accessories She’ll Love</h1><p>Celebrate Mother’s Day 2026 with a selection of fashion accessories she’ll love. From stylish handbags and timeless jewellery to chic scarves, sunglasses and everyday essentials—discover the best gifts to get across luxury and affordable brands.</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="MothersDay_Fashion" data-category="Fashion">&nbsp;</div></div><div id="dfp-ad-prestitial">&nbsp;</div><div id="dfp-ad-catfish">&nbsp;</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 cleanEmptyNodes(container) {
            [...container.childNodes].forEach(node => {
                if (node.nodeType === Node.TEXT_NODE && !node.textContent.trim()) {
                    node.remove();
                }
                if (node.nodeType === Node.ELEMENT_NODE) {
                    cleanEmptyNodes(node);
                }
            });
        }
        function renderProducts(containerId, products, adInterval = 8) {
            const container = document.getElementById(containerId);
            const fragment = document.createDocumentFragment();
            // Helper: convert Img field → array
            function getImages(imgField) {
                if (!imgField) return [];
                return imgField.split(/\r?\n/).map(img => img.trim()).filter(Boolean);
            }
            // Build product card
            function createProductCard(prod) {
                const images = getImages(prod.Img);
                let imageHTML = "";
                // Single image
                if (images.length <= 1) {
                    imageHTML = `
                
<div class="ad-card" style="background-image:url('${images[0] || ""}')">
</div>
            `;
                }
                // Carousel
                else {
                    imageHTML = `
                
<div class="ad-card carousel">
                        
    <div class="carousel-track">
                                ${images.map((img, i) => `
                                    
        <div class="carousel-slide ${i === 0 ? "active" : ""}">
                                            <img src="${img}" />
                                        
        </div>
                                `).join("")}
                            
    </div>
                    
</div>
            `;
                }
                const card = document.createElement("div");
                card.className = "grid-item";
                card.innerHTML = `
            <a class="card-link" href="${prod.Product_Link || '#'}" target="_blank">
                ${imageHTML}
                ${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>
        `;
                return card;
            }
            // Loop products
            products.forEach((prod, index) => {
                // Insert ad dynamically
                if (index > 0 && index % adInterval === 0) {
                    const adId = `dfp-ad-lb${Math.floor(index / adInterval) + 1}`;
                    const adDiv = document.createElement("div");
                    adDiv.className = "lb-grid advertisementTag";
                    adDiv.innerHTML = `
                
<div class="col-12">
                        
    <div id="${adId}">
    </div>
                    
</div>
            `;
                    fragment.appendChild(adDiv);
                    if (window.googletag && googletag.apiReady) {
                        googletag.cmd.push(() => {
                            googletag.display(adId);
                        });
                    }
                }
                // Product card
                fragment.appendChild(createProductCard(prod));
            });
            container.appendChild(fragment);
            // Clean empty text nodes (CMS fix)
            [...container.childNodes].forEach(node => {
                if (node.nodeType === Node.TEXT_NODE && !node.textContent.trim()) {
                    node.remove();
                }
            });
            // Init carousels AFTER render
            initCarousels();
        }
        // ==========================
        // Auto Carousel Logic
        // ==========================
        function initCarousels() {
            document.querySelectorAll(".carousel").forEach(carousel => {
                const slides = carousel.querySelectorAll(".carousel-slide");
                let index = 0;
                if (slides.length <= 1) return;
                setInterval(() => {
                    slides[index].classList.remove("active");
                    index = (index + 1) % slides.length;
                    slides[index].classList.add("active");
                }, 3500);
            });
        }
        // 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/json/April_Products_0420_v1.json"
        const productJsonApi = "https://media.asiaone.com/microsite/shopping/json/MotherDay_Products_v2a.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><script>
        document.addEventListener("DOMContentLoaded", function () {
            cleanEmptyNodes(document.body);
        });
    </script>

Celebrate Mother’s Day 2026 with a selection of fashion accessories she’ll love. From stylish handbags and timeless jewellery to chic scarves, sunglasses and everyday essentials—discover the best gifts to get across luxury and affordable brands.