' + ICONS.check + '' + text + '

'; }).join(''); var pills = CONFIG.categories.map(function (c) { return '' + ICONS[c.icon] + '' + c.label + ''; }).join(''); var root = document.createElement('div'); root.id = 'ccs-root'; root.innerHTML = '

' + '

' + CONFIG.shoppers + '

' + '

happy shoppers

' + '

⭐⭐⭐⭐⭐

' + '

' + CONFIG.rating + ' out of 5 based on ' + CONFIG.reviewCount + ' reviews

' + '

' + badges + '

' + '

Shop popular categories

' + '

' + pills + '

' + '

'; // ── Insert before sticky checkout footer ─────────────────── var stickyFooter = shadow.querySelector('[class*="sticky"][class*="bottom-0"]'); if (stickyFooter && stickyFooter.parentNode) { stickyFooter.parentNode.insertBefore(root, stickyFooter); } } // ── Main logic: show/hide based on cart state ──────────────── function update(shadow) { if (cartIsEmpty(shadow)) { injectSection(shadow); } else { removeSection(shadow); } } // ── Run on cart load (cart param passed by Upnova) ─────────── var shadow = getShadow(); if (!shadow) return; update(shadow); // ── Watch for items being added/removed in real time ───────── // Observe the grow area (line-item container) inside the shadow root var growArea = getGrowArea(shadow); if (growArea) { new MutationObserver(function () { update(shadow); }).observe(growArea, { childList: true }); } // Fallback: also observe the full shadow root in case Upnova // re-renders the grow area itself (e.g. on cart clear) new MutationObserver(function () { var freshGrow = getGrowArea(shadow); if (freshGrow && freshGrow !== growArea) { growArea = freshGrow; new MutationObserver(function () { update(shadow); }).observe(growArea, { childList: true }); } update(shadow); }).observe(shadow, { childList: true, subtree: true }); })();

Your discount is revealed!

Subscribe to our newsletter