// 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 && 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'; modalContent.style.fontSize = '16px'; modalContent.style.fontFamily = '"Avenir Next Rounded", sans-serif'; // SVG Icono var svgIcon = document.createElement('div'); svgIcon.innerHTML = ` `; svgIcon.style.marginBottom = '10px'; // Título en español var titleSpanish = document.createElement('span'); titleSpanish.style.display = 'block'; titleSpanish.style.fontSize = '17px'; titleSpanish.style.fontWeight = '600'; titleSpanish.style.marginBottom = '5px'; titleSpanish.textContent = 'Te estamos redirigiendo a la tienda internacional'; // Texto en español con estilos adicionales var textSpanish = document.createElement('span'); textSpanish.style.display = 'block'; textSpanish.style.marginBottom = '10px'; textSpanish.style.borderBottom = '1px solid'; textSpanish.style.paddingBottom = '10px'; textSpanish.innerHTML = 'En 5 segundos estarás en vattea.com'; // Título en inglés var titleEnglish = document.createElement('span'); titleEnglish.style.display = 'block'; titleEnglish.style.fontSize = '17px'; titleEnglish.style.fontWeight = '600'; titleEnglish.style.marginBottom = '5px'; titleEnglish.textContent = 'We are redirecting you to the international store'; // Texto en inglés var textEnglish = document.createElement('span'); textEnglish.style.display = 'block'; textEnglish.innerHTML = 'In 5 seconds you will be at vattea.com'; // Añadir elementos al contenido del modal modalContent.appendChild(svgIcon); modalContent.appendChild(titleSpanish); modalContent.appendChild(textSpanish); modalContent.appendChild(titleEnglish); modalContent.appendChild(textEnglish); // 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.com'; }, 5000); } }); }

Tu Carrito

Somos VATTEA

Leer más

¿Sabes quién hizo tus accesorios?

Comentarios