function injectTagLabels() { document.querySelectorAll('.cd-product-item').forEach(async (item) => { if (item.querySelector('.cart-tag')) return; const link = item.querySelector('a[href*="/products/"]'); const titleContainer = item.querySelector('.cd-product-item-title-container'); if (!link || !titleContainer) return; const url = link.getAttribute('href'); const handleMatch = url.match(/\/products\/([^/?#]+)/); if (!handleMatch) return; const handle = handleMatch[1]; const product = await fetch(`/products/${handle}.js`).then(res => res.json()).catch(() => null); if (!product || !product.tags) return; const tags = product.tags.map(tag => tag.toLowerCase()); let labelText = ''; let labelClass = ''; if (!titleContainer.querySelector(`.cart-tag.${labelClass}`)) { const tagEl = document.createElement('div'); tagEl.className = `cart-tag ${labelClass}`; tagEl.innerText = labelText; titleContainer.appendChild(tagEl); } }); } window.addEventListener('OpusCartChange', injectTagLabels); window.addEventListener('OpusOpenCartState', injectTagLabels); (function () { let debounceTimer; function renderCartWeight(event) { clearTimeout(debounceTimer); debounceTimer = setTimeout(() => { const cart = event.detail?.cart; if (!cart?.items?.length) return; let totalGrams = 0; /* ===================== PER ITEM WEIGHT ===================== */ document.querySelectorAll('.cd-product-item').forEach((el, index) => { const item = cart.items[index]; if (!item?.grams) return; totalGrams += item.grams * item.quantity; const title = el.querySelector('.cd-product-item-title-container'); if (!title) return; let row = title.querySelector('[data-weight-row]'); if (!row) { row = document.createElement('div'); row.setAttribute('data-weight-row', 'true'); row.style.fontSize = '12px'; row.style.color = '#6b6b6b'; row.style.marginTop = '4px'; row.style.lineHeight = '1.4'; title.appendChild(row); } const singleKg = (item.grams / 1000).toFixed(2); const itemTotalKg = ( (item.grams * item.quantity) / 1000 ).toFixed(2); row.innerHTML = ` Weight ${singleKg} kg × ${item.quantity} (${itemTotalKg} kg) `; }); /* ===================== TOTAL CART WEIGHT ===================== */ const totalKg = (totalGrams / 1000).toFixed(2); // ⬇️ THIS element ALWAYS exists (subtotal row) const subtotalRow = document.querySelector('[class*="subtotal"]') || document.querySelector('.cd-cart-subtotal'); if (!subtotalRow) return; let totalBox = document.querySelector('[data-total-weight]'); if (!totalBox) { totalBox = document.createElement('div'); totalBox.setAttribute('data-total-weight', 'true'); totalBox.style.display = 'flex'; totalBox.style.justifyContent = 'space-between'; totalBox.style.alignItems = 'center'; totalBox.style.marginBottom = '10px'; totalBox.style.fontSize = '14px'; subtotalRow.parentNode.insertBefore( totalBox, subtotalRow ); } totalBox.innerHTML = ` Total weight ${totalKg} kg `; }, 60); } window.addEventListener('OpusOpenCartState', renderCartWeight); window.addEventListener('OpusCartChange', renderCartWeight); })();

Where are you shopping from?

Male Trouser Available

Recently viewed products