// Função principal que será executada quando a página carregar function adicionarSelosPromocionais() { // Verificar se estamos na página de produtos ou na criação/edição de produto if (isPaginaDeProdutos() || isPaginaDeEdicaoDeProduto()) { // Adicionar os selos aos produtos existentes adicionarSelosAosProdutos(); // Observar mudanças no DOM para produtos carregados dinamicamente observarMudancasNoDOM(); } } // Função para verificar se estamos na página de listagem de produtos function isPaginaDeProdutos() { return window.location.pathname.includes('/admin/products'); } // Função para verificar se estamos na página de criação/edição de produto function isPaginaDeEdicaoDeProduto() { return window.location.pathname.includes('/admin/products/new') || window.location.pathname.includes('/admin/products/edit'); } // Função para adicionar os selos aos produtos function adicionarSelosAosProdutos() { // Seletor para os itens de produto (ajuste conforme necessário para sua loja) const produtos = document.querySelectorAll('.product-item, .product-card, .product'); produtos.forEach(produto => { // Verificar se os selos já foram adicionados para evitar duplicação if (!produto.querySelector('.yampi-promo-badge')) { // Criar container dos selos const selosContainer = document.createElement('div'); selosContainer.className = 'yampi-promo-badge'; selosContainer.style.cssText = ` position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 5px; z-index: 10; `; // Criar selo "4x sem juros" const seloParcelamento = criarSeloPromocional('4x sem juros', '#2e7d32'); // Criar selo "5% off no PIX" const seloPix = criarSeloPromocional('5% off no PIX', '#1565c0'); // Adicionar selos ao container selosContainer.appendChild(seloParcelamento); selosContainer.appendChild(seloPix); // Adicionar container ao produto produto.style.position = 'relative'; produto.appendChild(selosContainer); } }); } // Função para criar um selo promocional individual function criarSeloPromocional(texto, corFundo) { const selo = document.createElement('span'); selo.textContent = texto; selo.style.cssText = ` background-color: ${corFundo}; color: white; padding: 4px 8px; border-radius: 12px; font-size: 12px; font-weight: bold; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.2); white-space: nowrap; `; return selo; } // Função para observar mudanças no DOM (para produtos carregados dinamicamente) function observarMudancasNoDOM() { const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length) { adicionarSelosAosProdutos(); } }); }); // Observar mudanças no corpo do documento observer.observe(document.body, { childList: true, subtree: true }); } // Executar quando o DOM estiver completamente carregado if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', adicionarSelosPromocionais); } else { adicionarSelosPromocionais(); }
Atendimento: 61 999436286
Disponibilidade: 1 dia útil

Sensor De Pressão Bomba De Arla Emitec 12v Cummins Ford Vw

R$ 199,00