// Función para obtener el país del usuario function getCountry(callback) { fetch('https://ipapi.co/json/') .then(function(response) { return response.json(); }) .then(function(data) { callback(data.country_code); }) .catch(function() { callback(null); }); } // Función para determinar si debemos redirigir function shouldRedirect() { // 1. No redirigir si estamos en una URL de administración de Shopify var adminUrls = ['admin.shopify.com', 'myshopify.com/admin']; var currentUrl = window.location.href; for (var i = 0; i < adminUrls.length; i++) { if (currentUrl.indexOf(adminUrls[i]) !== -1) { return false; } } // 2. No redirigir si el usuario es un administrador logueado if (typeof Shopify !== 'undefined') { // Comprobar si estamos en modo de diseño (Theme Editor) if (Shopify.designMode) { return false; } // Comprobar si es un administrador (esta propiedad no siempre está disponible) if (Shopify && Shopify.admin) { return false; } } return true; // Si ninguna de las condiciones anteriores se cumple, podemos redirigir } // Ejecutar el código si debemos redirigir if (shouldRedirect()) { getCountry(function(countryCode) { if (countryCode === 'CO') { // Crear elemento de la ventana modal var modal = document.createElement('div'); modal.setAttribute('id', 'country-modal'); modal.style.position = 'fixed'; modal.style.top = '0'; modal.style.left = '0'; modal.style.width = '100%'; modal.style.height = '100%'; modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; modal.style.display = 'flex'; modal.style.alignItems = 'center'; modal.style.justifyContent = 'center'; modal.style.zIndex = '9999'; // Contenido de la ventana modal var modalContent = document.createElement('div'); modalContent.style.backgroundColor = '#fff'; modalContent.style.padding = '20px'; modalContent.style.borderRadius = '5px'; modalContent.style.textAlign = 'center'; modalContent.style.maxWidth = '80%'; modalContent.style.margin = '0 auto'; // Contenedor flex para título y bandera var titleFlagContainer = document.createElement('div'); titleFlagContainer.style.display = 'inline-flex'; titleFlagContainer.style.flexDirection = 'row'; titleFlagContainer.style.alignItems = 'center'; titleFlagContainer.style.justifyContent = 'center'; titleFlagContainer.style.marginBottom = '0px'; titleFlagContainer.style.gap = '10px'; titleFlagContainer.style.fontWeight = '600'; titleFlagContainer.style.fontSize = '16px'; // Título var title = document.createElement('span'); title.textContent = 'Te estamos redirigiendo a la tienda de Colombia'; // Bandera (SVG) var flagSvg = ` `; // Contenedor para el SVG var flagContainer = document.createElement('div'); flagContainer.innerHTML = flagSvg; // Añadir título y bandera al contenedor titleFlagContainer.appendChild(title); titleFlagContainer.appendChild(flagContainer); // Texto de redirección var redirectText = document.createElement('span'); redirectText.style.display = 'block'; redirectText.innerHTML = 'En 5 segundos estarás en vattea.co'; // Añadir elementos al contenido del modal modalContent.appendChild(titleFlagContainer); modalContent.appendChild(redirectText); // Añadir el contenido al modal modal.appendChild(modalContent); document.body.appendChild(modal); // Redirigir después de 5 segundos setTimeout(function() { window.location.href = 'https://vattea.co'; }, 5000); } }); }

Pendientes de botón