Abrir links externos em uma nova aba

Adicione um código ao tema para que os links externos da loja virtual sejam abertos em uma nova aba do navegador. Esse recurso pode ser benéfico, já que ajuda a impedir que os clientes naveguem para fora da loja virtual. Os links externos são URLs que direcionam os clientes para outros sites, como os links incluídos nos ícones de redes sociais.

Adicionar um código ao arquivo JavaScript do tema

Para abrir links externos em uma nova aba do navegador, é preciso editar o arquivo JavaScript do tema.

  1. No diretório Ativos, clique em uma das seguintes opções:

- theme.js - theme.js.liquid - custom.js

  1. Cole o seguinte código na parte inferior do arquivo:
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';
  }
}
  1. Clique em salvar.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça