Open externe links op een nieuw tabblad

Let op

Vintage thema's zijn niet beschikbaar in de Theme Store. Vintage thema's hebben niet de functies die in de Online Store 2.0-thema's van Shopify zijn opgenomen en de gratis vintage thema's van Shopify krijgen geen updates, behalve als dit voor de beveiliging nodig is.

Opmerking

Als je een gratis thema van Shopify gebruikt, kun je mogelijk contact opnemen met Shopify Support voor hulp bij deze tutorial. Hiervoor is vijftien minuten ontwerptijd nodig. Hier vind je meer informatie over het Shopify-ontwerpbeleid.

Opmerking

Deze aanpassing is voor vintage thema's van Shopify en is niet van toepassing op Online Store 2.0-thema's.

• Ontdek de architectuurversie van je thema
• Ontdek aanpassingen aan Online Store 2.0-thema

Je kunt code toevoegen aan je thema waardoor externe links in je webshop worden geopend op een nieuw tabblad van de browser. Dit kan handig zijn omdat het helpt om te voorkomen dat klanten weg navigeren vanuit je webshop. Externe links zijn URL's die klanten naar verschillende websites leiden, zoals de links in pictogrammen voor sociale media.

Voeg code toe aan het JavaScript-bestand van je thema

Als je externe links wilt openen in een nieuw browsertabblad, moet je het JavaScript-bestand van je thema bewerken.

Stappen:

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

3. Klik in de directory Activa op een van de volgende items:

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

4. Plak de volgende code aan het eind van het bestand:

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. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Thema's beheren.
4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

5. Klik in de directory Activa op een van de volgende items:

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

6. Plak de volgende code aan het eind van het bestand:

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. Klik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Thema's beheren.
4. Zoek het thema dat je wilt bewerken, klik op de knop … om het actiemenu te openen en klik vervolgens op Code bewerken.

5. Klik in de directory Activa op een van de volgende items:

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

6. Plak de volgende code aan het eind van het bestand:

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. Klik op Opslaan.