Öppna externa länkar på en ny flik

Varning

Vintage-teman är inte tillgängliga i temabutiken. Dessa teman har inte funktionerna som ingår i Shopifys Online Store 2.0-teman och Shopifys gratis Vintage-teman får inte uppdateringar utöver säkerhetsfixar.

Observera

Om du använder ett gratis tema från Shopify kan du kanske kontakta Shopify-support för att få hjälp med denna handledning. Det tar 15 minuter i designtid. För mer information, se Support för teman.

Observera

Denna anpassning är för Shopifys vintageteman och gäller inte teman för webbutik 2.0.

• Hitta temats arkitekturversion
• Utforska temaanpassningar för Online Store 2.0

Du kan lägga till viss kod i ditt tema som gör så att externa länkar i din webbutik öppnas i en ny webbläsarflik. Det kan vara fördelaktigt eftersom det hjälper till att förhindra att kunder navigerar bort från din webbutik. Externa länkar är URL:er som dirigerar kunder till olika webbplatser, till exempel länkar som ingår i ikoner på sociala medier.

Lägg till kod i ditt temas JavaScript-fil

För att externa länkar ska öppnas i en ny webbläsarflik måste du redigera ditt temas JavaScript-fil.

Steg:

Dator

1. Från din Shopify-admin går du till Webbshop > Teman.
2. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

3. Klicka på något av följande i katalogen Tillgångar:

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

4. Lägg till följande kod längst ner i filen:

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. Klicka på Spara.

iPhone

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

5. Klicka på något av följande i katalogen Tillgångar:

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

6. Lägg till följande kod längst ner i filen:

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. Klicka på Spara.

Android

1. Från Shopify-appen trycker du på knappen ….
2. Tryck på Webbshop i avsnittet Försäljningskanaler.
3. Tryck på Hantera teman.
4. Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.

5. Klicka på något av följande i katalogen Tillgångar:

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

6. Lägg till följande kod längst ner i filen:

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. Klicka på Spara.