FROM CACHE - es_header

Enlaces externos abiertos en nuevas ventanas para tema Dawn

GVillal
Visitante
3 1 1

Hola!

¿Alguien sabe como editar el código del tema Dawn para que los enlaces externos de la tienda los abra en otra ventana diferente?

He visto que en otros temas es posible pero no encuentro la forma de hacerlo en Dawn.

Gracias!

1 RESPUESTA 1

Teo
Shopify Staff
2149 488 305

Hola, @GVillal:

 

Gracias por escribirnos. Entiendo por tu mensaje que te gustaría saber cómo editar el código de la plantilla Dawn de Shopify para que los enlaces externos se abran en una nueva ventana del navegador y no en la misma página, ¿cierto? Estaré encantado de poder ayudar con esta cuestión.

 

A modo de contexto, me alegra informarte de que es posible modificar el código de la plantilla Dawn para que los enlaces externos se abran en una nueva ventana. Para ello, será necesario copiar el código que te dejo a continuación y seguir la guía que te comparto más abajo. Dicho esto, este es el código necesario para implementar esta función a la plantilla de tu tienda de Shopify:

 

var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
  if (links[i].hostname !== window.location.hostname) {
    links[i].target = '_blank';
    links[i].rel = 'noreferrer noopener';
  }
}

 

Una vez que hayas copiado el código; para que este funcione correctamente con tu tienda, tendrás que integrarlo en la plantilla Dawn siguiendo estos pasos que te dejo a continuación:

 

  1. Dirígete a la sección Tienda online > Temas.
  2. En tu tema, haz clic en los tres puntos.
  3. Selecciona la opción de Editar código.
  4. Localiza la carpeta Recursos > Global.js.
  5. Pega el código al final de esta página.
  6. Guarda la configuración.

 

Cuando hayas completado estos pasos, tu tienda abrirá los enlaces externos en una nueva pestaña y no en la misma página de tu tienda. Dicho esto, puesto que los cambios de código pueden afectar directamente al diseño de tu tienda; desde aquí te recomendaría hacer una copia de seguridad de la plantilla. El hecho de hacer una copia de seguridad te ayudará a descartar cualquier cambio que hayas realizado y también te permitirá a comenzar de nuevo si es necesario. Te dejo un enlace en el que encontrarás una guía con más información sobre cómo duplicar un tema.

 

Como alternativa, si no estás a gusto haciendo cambios en el código, recuerda que siempre puedes contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de especialistas que pueden darte un presupuesto para las modificaciones que necesites en tu tienda.

 

Entretanto, ¿cómo va el resto de cuestiones con tu negocio? Dime, ¿has desarrollado algún plan o estrategia de marketing para potenciar las visitas de los clientes y las posibles futuras compras? ¿Has podido comenzar a trabajar para mejorar la optimización para motores de búsqueda (SEO)?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify