Apertura di link esterni in una nuova scheda
Puoi aggiungere al tema una parte di codice per fare in modo che i link esterni del tuo negozio online si aprano in una nuova scheda del browser. Questo aspetto può essere vantaggioso perché limita la possibilità che i clienti abbandonino il tuo negozio online. I link esterni sono URL che indirizzano i clienti a diversi siti web, come i link inclusi nelle icone dei social media.
Su questa pagina
Aggiunta di parte di codice al file JavaScript del tema
Per fare in modo che i link esterni si aprano in una nuova scheda del browser, devi modificare il file JavaScript del tema.
Passaggi:
Desktop
- Dal pannello di controllo Shopify, vai su Negozio online > Temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
-
Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:
-
theme.js
-
theme.js.liquid
-
custom.js
-
Incolla il seguente codice in fondo al file:
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';
}
}
- Clicca su Salva.
iPhone
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
-
Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:
-
theme.js
-
theme.js.liquid
-
custom.js
-
Incolla il seguente codice in fondo al file:
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';
}
}
- Clicca su Salva.
Android
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
-
Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:
-
theme.js
-
theme.js.liquid
-
custom.js
-
Incolla il seguente codice in fondo al file:
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';
}
}
- Clicca su Salva.