/* CHÁ COM GRAÇA — custom.js */ /* CHÁ COM GRAÇA — custom.js */ document.addEventListener('DOMContentLoaded', function() { /* ══════════════════════════════════════════ 1. Remove placeholder duplicado ══════════════════════════════════════════ */ function removePlaceholders() { document.querySelectorAll('.js-addtocart-placeholder-btn').forEach(function(el) { el.parentNode && el.parentNode.removeChild(el); }); } removePlaceholders(); var obsPlaceholder = new MutationObserver(function() { removePlaceholders(); }); obsPlaceholder.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { obsPlaceholder.disconnect(); }, 10000); /* ══════════════════════════════════════════ 2. Cards Oxford Style (roda SEMPRE, independente do header) ══════════════════════════════════════════ */ function parsePrice(text) { var m = (text || '').replace(/\s/g,'').match(/\d+[,\.]\d{2}/); return m ? parseFloat(m[0].replace(',','.')) : 0; } function enhanceCards() { var cards = document.querySelectorAll('.js-item-product .item:not([data-ccg-ox])'); cards.forEach(function(card) { card.setAttribute('data-ccg-ox', '1'); /* Usa o container da imagem como âncora */ var imgBox = card.querySelector('.js-item-image-padding'); if (!imgBox) return; imgBox.style.position = 'relative'; /* ── Detecta desconto ── */ var delEl = card.querySelector('del, .item-old-price, .price-old, .price-compare'); var hasDiscount = false; var oldP = 0, curP = 0; if (delEl) { oldP = parsePrice(delEl.textContent); if (oldP > 0) { var priceEl = card.querySelector('.item-price'); if (priceEl) { priceEl.querySelectorAll('span').forEach(function(s) { var p = parsePrice(s.textContent); if (p > 0 && p < oldP) curP = p; }); } hasDiscount = curP > 0; } } /* ── Badge % OFF ao lado do preço ── */ if (hasDiscount && !card.querySelector('.ccg-discount-badge')) { var priceEl2 = card.querySelector('.item-price'); if (priceEl2) { var pct = Math.round((1 - curP / oldP) * 100); var badge = document.createElement('span'); badge.className = 'ccg-discount-badge'; badge.textContent = pct + '%OFF'; priceEl2.appendChild(badge); } } /* ── Tag top-left (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-tags')) { var tagsWrap = document.createElement('div'); tagsWrap.className = 'ccg-card-tags'; tagsWrap.style.cssText = [ 'position:absolute', 'top:10px', 'left:10px', 'z-index:100', 'display:flex', 'flex-direction:column', 'gap:5px', 'pointer-events:none' ].join(';'); var tag = document.createElement('span'); tag.textContent = hasDiscount ? 'PROMOÇÃO' : 'NOVO'; var tagBg = hasDiscount ? '#54582f' : '#1a1a1a'; tag.style.cssText = [ 'display:inline-block', 'padding:4px 12px', 'border-radius:50px', 'font-size:9px', 'font-weight:700', 'letter-spacing:.12em', 'text-transform:uppercase', 'line-height:1.6', 'background:' + tagBg, 'color:#fff' ].join(';'); tagsWrap.appendChild(tag); imgBox.appendChild(tagsWrap); } /* ── Coração top-right (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-heart')) { var heart = document.createElement('button'); heart.className = 'ccg-card-heart'; heart.setAttribute('aria-label', 'Favoritar'); heart.style.cssText = [ 'position:absolute', 'top:10px', 'right:10px', 'z-index:100', 'background:rgba(255,255,255,.9)', 'border:none', 'border-radius:50%', 'width:34px', 'height:34px', 'display:flex', 'align-items:center', 'justify-content:center', 'cursor:pointer', 'box-shadow:0 1px 6px rgba(0,0,0,.18)', 'padding:0', 'color:#bbb', 'transition:color .2s,background .2s' ].join(';'); heart.innerHTML = ''; heart.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var on = this.getAttribute('data-fav') === '1'; this.setAttribute('data-fav', on ? '0' : '1'); this.style.color = on ? '#bbb' : '#cc3333'; this.style.background = on ? 'rgba(255,255,255,.9)' : '#fff'; }); imgBox.appendChild(heart); } }); } /* Roda imediatamente e com delay para garantir */ enhanceCards(); setTimeout(enhanceCards, 500); setTimeout(enhanceCards, 1500); /* Observer para cards carregados pelo carrossel */ var cardObs = new MutationObserver(function() { enhanceCards(); }); cardObs.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { cardObs.disconnect(); }, 15000); /* ══════════════════════════════════════════ 3. Header editorial (roda apenas se ainda não existe) ══════════════════════════════════════════ */ if (document.getElementById('ccg-header')) return; var logoImg = document.querySelector('header .logo-img'); var logoSrc = logoImg ? logoImg.src : ''; var logoAlt = logoImg ? logoImg.alt : 'Casa Chá com Graça'; var navLinks = []; document.querySelectorAll('.js-nav-desktop-list > li').forEach(function(li) { var main = li.querySelector('a.nav-list-link'); if (!main) return; var subs = []; li.querySelectorAll('.desktop-list-subitems li a').forEach(function(a) { subs.push({ label: a.textContent.trim(), href: a.href }); }); navLinks.push({ label: main.textContent.trim(), href: main.href, subs: subs }); }); var nativeHeader = document.querySelector('header.js-head-main'); if (nativeHeader) nativeHeader.style.display = 'none'; var logoHtml = logoSrc ? '

' : '' + logoAlt + ''; var h = document.createElement('header'); h.id = 'ccg-header'; h.innerHTML = '' + '

Frete grátis acima de R$ 300 · Atendimento via WhatsApp

' + '

' + logoHtml + '

' + '

' + '' + '' + '0' + '

' + '

' + ''; document.body.insertBefore(h, document.body.firstChild); var ul = document.getElementById('ccg-ul'); navLinks.forEach(function(item) { var li = document.createElement('li'); li.className = 'ccg-ni'; var cols = item.subs.length > 12 ? 3 : item.subs.length > 5 ? 2 : 1; var dd = ''; if (item.subs.length) { dd = '

' + item.subs.map(function(s){ return '' + s.label + ''; }).join('') + '

'; } li.innerHTML = '' + item.label + '' + dd; ul.appendChild(li); }); document.getElementById('ccg-si').addEventListener('keydown', function(e) { if (e.key === 'Enter' && this.value.trim()) window.location.href = '/search?q=' + encodeURIComponent(this.value.trim()); }); var cartBadge = document.querySelector('.js-cart-widget-amount'); var badgeEl = document.getElementById('ccg-badge'); if (cartBadge && badgeEl) { var n = parseInt(cartBadge.textContent) || 0; if (n > 0) { badgeEl.textContent = n; badgeEl.style.display = 'flex'; } } }); // fim DOMContentLoadeddocument.addEventListener('DOMContentLoaded', function() { /* ══════════════════════════════════════════ 1. Remove placeholder duplicado ══════════════════════════════════════════ */ function removePlaceholders() { document.querySelectorAll('.js-addtocart-placeholder-btn').forEach(function(el) { el.parentNode && el.parentNode.removeChild(el); }); } removePlaceholders(); var obsPlaceholder = new MutationObserver(function() { removePlaceholders(); }); obsPlaceholder.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { obsPlaceholder.disconnect(); }, 10000); /* ══════════════════════════════════════════ 2. Cards Oxford Style (roda SEMPRE, independente do header) ══════════════════════════════════════════ */ function parsePrice(text) { var m = (text || '').replace(/\s/g,'').match(/\d+[,\.]\d{2}/); return m ? parseFloat(m[0].replace(',','.')) : 0; } function enhanceCards() { var cards = document.querySelectorAll('.js-item-product .item:not([data-ccg-ox])'); cards.forEach(function(card) { card.setAttribute('data-ccg-ox', '1'); /* Usa o container da imagem como âncora */ var imgBox = card.querySelector('.js-item-image-padding'); if (!imgBox) return; imgBox.style.position = 'relative'; /* ── Detecta desconto ── */ var delEl = card.querySelector('del, .item-old-price, .price-old, .price-compare'); var hasDiscount = false; var oldP = 0, curP = 0; if (delEl) { oldP = parsePrice(delEl.textContent); if (oldP > 0) { var priceEl = card.querySelector('.item-price'); if (priceEl) { priceEl.querySelectorAll('span').forEach(function(s) { var p = parsePrice(s.textContent); if (p > 0 && p < oldP) curP = p; }); } hasDiscount = curP > 0; } } /* ── Badge % OFF ao lado do preço ── */ if (hasDiscount && !card.querySelector('.ccg-discount-badge')) { var priceEl2 = card.querySelector('.item-price'); if (priceEl2) { var pct = Math.round((1 - curP / oldP) * 100); var badge = document.createElement('span'); badge.className = 'ccg-discount-badge'; badge.textContent = pct + '%OFF'; priceEl2.appendChild(badge); } } /* ── Tag top-left (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-tags')) { var tagsWrap = document.createElement('div'); tagsWrap.className = 'ccg-card-tags'; tagsWrap.style.cssText = [ 'position:absolute', 'top:10px', 'left:10px', 'z-index:100', 'display:flex', 'flex-direction:column', 'gap:5px', 'pointer-events:none' ].join(';'); var tag = document.createElement('span'); tag.textContent = hasDiscount ? 'PROMOÇÃO' : 'NOVO'; var tagBg = hasDiscount ? '#54582f' : '#1a1a1a'; tag.style.cssText = [ 'display:inline-block', 'padding:4px 12px', 'border-radius:50px', 'font-size:9px', 'font-weight:700', 'letter-spacing:.12em', 'text-transform:uppercase', 'line-height:1.6', 'background:' + tagBg, 'color:#fff' ].join(';'); tagsWrap.appendChild(tag); imgBox.appendChild(tagsWrap); } /* ── Coração top-right (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-heart')) { var heart = document.createElement('button'); heart.className = 'ccg-card-heart'; heart.setAttribute('aria-label', 'Favoritar'); heart.style.cssText = [ 'position:absolute', 'top:10px', 'right:10px', 'z-index:100', 'background:rgba(255,255,255,.9)', 'border:none', 'border-radius:50%', 'width:34px', 'height:34px', 'display:flex', 'align-items:center', 'justify-content:center', 'cursor:pointer', 'box-shadow:0 1px 6px rgba(0,0,0,.18)', 'padding:0', 'color:#bbb', 'transition:color .2s,background .2s' ].join(';'); heart.innerHTML = ''; heart.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var on = this.getAttribute('data-fav') === '1'; this.setAttribute('data-fav', on ? '0' : '1'); this.style.color = on ? '#bbb' : '#cc3333'; this.style.background = on ? 'rgba(255,255,255,.9)' : '#fff'; }); imgBox.appendChild(heart); } }); } /* Roda imediatamente e com delay para garantir */ enhanceCards(); setTimeout(enhanceCards, 500); setTimeout(enhanceCards, 1500); /* Observer para cards carregados pelo carrossel */ var cardObs = new MutationObserver(function() { enhanceCards(); }); cardObs.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { cardObs.disconnect(); }, 15000); /* ══════════════════════════════════════════ 3. Header editorial (roda apenas se ainda não existe) ══════════════════════════════════════════ */ if (document.getElementById('ccg-header')) return; var logoImg = document.querySelector('header .logo-img'); var logoSrc = logoImg ? logoImg.src : ''; var logoAlt = logoImg ? logoImg.alt : 'Casa Chá com Graça'; var navLinks = []; document.querySelectorAll('.js-nav-desktop-list > li').forEach(function(li) { var main = li.querySelector('a.nav-list-link'); if (!main) return; var subs = []; li.querySelectorAll('.desktop-list-subitems li a').forEach(function(a) { subs.push({ label: a.textContent.trim(), href: a.href }); }); navLinks.push({ label: main.textContent.trim(), href: main.href, subs: subs }); }); var nativeHeader = document.querySelector('header.js-head-main'); if (nativeHeader) nativeHeader.style.display = 'none'; var logoHtml = logoSrc ? '

' : '' + logoAlt + ''; var h = document.createElement('header'); h.id = 'ccg-header'; h.innerHTML = '' + '

Frete grátis acima de R$ 300 · Atendimento via WhatsApp

' + '

' + logoHtml + '

' + '

' + '' + '' + '0' + '

' + '

' + item.subs.map(function(s){ return '' + s.label + ''; }).join('') + '

'; } li.innerHTML = '' + item.label + '' + dd; ul.appendChild(li); }); document.getElementById('ccg-si').addEventListener('keydown', function(e) { if (e.key === 'Enter' && this.value.trim()) window.location.href = '/search?q=' + encodeURIComponent(this.value.trim()); }); var cartBadge = document.querySelector('.js-cart-widget-amount'); var badgeEl = document.getElementById('ccg-badge'); if (cartBadge && badgeEl) { var n = parseInt(cartBadge.textContent) || 0; if (n > 0) { badgeEl.textContent = n; badgeEl.style.display = 'flex'; } } // ── Setas do slider — Opção E ── function enhanceArrows() { var svgPrev = ''; var svgNext = ''; document.querySelectorAll('.swiper-button-prev, [class*="swiper-button-prev"]').forEach(function(btn) { if (!btn.querySelector('.ccg-arrow-svg')) { btn.innerHTML = svgPrev; } }); document.querySelectorAll('.swiper-button-next, [class*="swiper-button-next"]').forEach(function(btn) { if (!btn.querySelector('.ccg-arrow-svg')) { btn.innerHTML = svgNext; } }); } enhanceArrows(); setTimeout(enhanceArrows, 600); setTimeout(enhanceArrows, 1500); }); // fim DOMContentLoaded /* CHÁ COM GRAÇA — custom.js */ document.addEventListener('DOMContentLoaded', function() { /* ══════════════════════════════════════════ 1. Remove placeholder duplicado ══════════════════════════════════════════ */ function removePlaceholders() { document.querySelectorAll('.js-addtocart-placeholder-btn').forEach(function(el) { el.parentNode && el.parentNode.removeChild(el); }); } removePlaceholders(); var obsPlaceholder = new MutationObserver(function() { removePlaceholders(); }); obsPlaceholder.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { obsPlaceholder.disconnect(); }, 10000); /* ══════════════════════════════════════════ 2. Cards Oxford Style (roda SEMPRE, independente do header) ══════════════════════════════════════════ */ function parsePrice(text) { var m = (text || '').replace(/\s/g,'').match(/\d+[,\.]\d{2}/); return m ? parseFloat(m[0].replace(',','.')) : 0; } function enhanceCards() { var cards = document.querySelectorAll('.js-item-product .item:not([data-ccg-ox])'); cards.forEach(function(card) { card.setAttribute('data-ccg-ox', '1'); /* Usa o container da imagem como âncora */ var imgBox = card.querySelector('.js-item-image-padding'); if (!imgBox) return; imgBox.style.position = 'relative'; /* ── Detecta desconto ── */ var delEl = card.querySelector('del, .item-old-price, .price-old, .price-compare'); var hasDiscount = false; var oldP = 0, curP = 0; if (delEl) { oldP = parsePrice(delEl.textContent); if (oldP > 0) { var priceEl = card.querySelector('.item-price'); if (priceEl) { priceEl.querySelectorAll('span').forEach(function(s) { var p = parsePrice(s.textContent); if (p > 0 && p < oldP) curP = p; }); } hasDiscount = curP > 0; } } /* ── Badge % OFF ao lado do preço ── */ if (hasDiscount && !card.querySelector('.ccg-discount-badge')) { var priceEl2 = card.querySelector('.item-price'); if (priceEl2) { var pct = Math.round((1 - curP / oldP) * 100); var badge = document.createElement('span'); badge.className = 'ccg-discount-badge'; badge.textContent = pct + '%OFF'; priceEl2.appendChild(badge); } } /* ── Tag top-left (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-tags')) { var tagsWrap = document.createElement('div'); tagsWrap.className = 'ccg-card-tags'; tagsWrap.style.cssText = [ 'position:absolute', 'top:10px', 'left:10px', 'z-index:100', 'display:flex', 'flex-direction:column', 'gap:5px', 'pointer-events:none' ].join(';'); var tag = document.createElement('span'); tag.textContent = hasDiscount ? 'PROMOÇÃO' : 'NOVO'; var tagBg = hasDiscount ? '#54582f' : '#1a1a1a'; tag.style.cssText = [ 'display:inline-block', 'padding:4px 12px', 'border-radius:50px', 'font-size:9px', 'font-weight:700', 'letter-spacing:.12em', 'text-transform:uppercase', 'line-height:1.6', 'background:' + tagBg, 'color:#fff' ].join(';'); tagsWrap.appendChild(tag); imgBox.appendChild(tagsWrap); } /* ── Coração top-right (sobre a imagem) ── */ if (!imgBox.querySelector('.ccg-card-heart')) { var heart = document.createElement('button'); heart.className = 'ccg-card-heart'; heart.setAttribute('aria-label', 'Favoritar'); heart.style.cssText = [ 'position:absolute', 'top:10px', 'right:10px', 'z-index:100', 'background:rgba(255,255,255,.9)', 'border:none', 'border-radius:50%', 'width:34px', 'height:34px', 'display:flex', 'align-items:center', 'justify-content:center', 'cursor:pointer', 'box-shadow:0 1px 6px rgba(0,0,0,.18)', 'padding:0', 'color:#bbb', 'transition:color .2s,background .2s' ].join(';'); heart.innerHTML = ''; heart.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var on = this.getAttribute('data-fav') === '1'; this.setAttribute('data-fav', on ? '0' : '1'); this.style.color = on ? '#bbb' : '#cc3333'; this.style.background = on ? 'rgba(255,255,255,.9)' : '#fff'; }); imgBox.appendChild(heart); } }); } /* Roda imediatamente e com delay para garantir */ enhanceCards(); setTimeout(enhanceCards, 500); setTimeout(enhanceCards, 1500); /* Observer para cards carregados pelo carrossel */ var cardObs = new MutationObserver(function() { enhanceCards(); }); cardObs.observe(document.body, { childList: true, subtree: true }); setTimeout(function() { cardObs.disconnect(); }, 15000); /* ══════════════════════════════════════════ 3. Header editorial (roda apenas se ainda não existe) ══════════════════════════════════════════ */ if (document.getElementById('ccg-header')) return; var logoImg = document.querySelector('header .logo-img'); var logoSrc = logoImg ? logoImg.src : ''; var logoAlt = logoImg ? logoImg.alt : 'Casa Chá com Graça'; var navLinks = []; document.querySelectorAll('.js-nav-desktop-list > li').forEach(function(li) { var main = li.querySelector('a.nav-list-link'); if (!main) return; var subs = []; li.querySelectorAll('.desktop-list-subitems li a').forEach(function(a) { subs.push({ label: a.textContent.trim(), href: a.href }); }); navLinks.push({ label: main.textContent.trim(), href: main.href, subs: subs }); }); var nativeHeader = document.querySelector('header.js-head-main'); if (nativeHeader) nativeHeader.style.display = 'none'; var logoHtml = logoSrc ? '

' : '' + logoAlt + ''; var h = document.createElement('header'); h.id = 'ccg-header'; h.innerHTML = '' + '

Frete grátis acima de R$ 300 · Atendimento via WhatsApp

' + '

' + logoHtml + '

' + '

' + '' + '' + '0' + '

' + '

' + item.subs.map(function(s){ return '' + s.label + ''; }).join('') + '

Para Servir