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.
Etapas:
Desktop
No admin da Shopify, acesse Loja virtual > Temas.
Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
No diretório Ativos, clique em uma das seguintes opções:
theme.js
theme.js.liquid
custom.js
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';
}
}
- Clique em Salvar.
iPhone
No app da Shopify, toque no botão ….
Na seção canais de vendas, toque em loja virtual.
Toque em Gerenciar temas.
Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
No diretório Ativos, clique em uma das seguintes opções:
theme.js
theme.js.liquid
custom.js
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';
}
}
- Clique em Salvar.
Android
No app da Shopify, toque no botão ….
Na seção canais de vendas, toque em loja virtual.
Toque em Gerenciar temas.
Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
No diretório Ativos, clique em uma das seguintes opções:
theme.js
theme.js.liquid
custom.js
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';
}
}
- Clique em Salvar.