para asegurar que el botón nazca oculto // independientemente de cuándo decida cargarlo Shopify. var styleCheck = document.createElement("style"); styleCheck.innerHTML = "shopify-accelerated-checkout { display: block !important; }"; document.head.appendChild(styleCheck); // 2. FUNCIÓN DE ESPERA (Polling) // Shopify inyecta este botón dinámicamente. Usamos un intervalo para buscarlo // cada 500ms hasta que exista. var checkExist = setInterval(function() { var checkoutButton = document.querySelector('shopify-accelerated-checkout'); var sizeLinks = document.querySelectorAll('.clickyboxes.options--size li a'); // Si el botón Y las tallas ya existen en el DOM... if (checkoutButton && sizeLinks.length > 0) { // ¡Ya existen! Dejamos de buscar (limpiamos el intervalo) clearInterval(checkExist); console.log("Botón de checkout detectado y lógica aplicada."); // 3. APLICAMOS EL EVENT LISTENER sizeLinks.forEach(function(link) { link.addEventListener('click', function(e) { // Al hacer clic, forzamos la visualización // Usamos setProperty para sobreescribir el estilo inyectado arriba checkoutButton.style.setProperty('display', 'block', 'important'); }); }); } }, 500); // Revisa cada medio segundo (500ms) });

Shop ByLifestyle

Ver todos los Looks