Apertura di link esterni in una nuova scheda

Attenzione

I temi vintage non sono disponibili nel Theme Store. Questi temi non dispongono delle funzionalità incluse nei temi dell'Online Store 2.0 di Shopify e i temi vintage gratuiti di Shopify non ricevono aggiornamenti oltre alle correzioni di sicurezza.

Nota

Se utilizzi un tema gratuito di Shopify, puoi contattare l'Assistenza Shopify per ricevere aiuto con questo tutorial. Sono necessari 15 minuti di tempo di progettazione. Per maggiori informazioni, consulta la pagina Assistenza per i temi.

Nota

Questa personalizzazione è per i temi Shopify vintage e non si applica ai temi dell'Online Store 2.0.

• Scopri la versione della struttura del tuo tema
• Esplora le opzioni di personalizzazione del tema dell'Online Store 2.0.

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.

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

1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

3. Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:

   • theme.js
   • theme.js.liquid
   • custom.js

4. 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';
  }
}

1. Clicca su Salva.

iPhone

1. Nell'app di Shopify tocca il pulsante ….
2. Nella sezione Canali di vendita, tocca Negozio online.
3. Tocca Gestisci temi.
4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

5. Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:

   • theme.js
   • theme.js.liquid
   • custom.js

6. 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';
  }
}

1. Clicca su Salva.

Android

1. Nell'app di Shopify tocca il pulsante ….
2. Nella sezione Canali di vendita, tocca Negozio online.
3. Tocca Gestisci temi.
4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

5. Nella directory Assets (Risorse) clicca su una delle opzioni seguenti:

   • theme.js
   • theme.js.liquid
   • custom.js

6. 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';
  }
}

1. Clicca su Salva.