Öppna externa länkar på en ny flik

Varning

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

Observera

Om du använder ett kostnadsfritt tema från Shopify kan du kontakta Shopify-supporten och få hjälp via denna handledning. Det kräver 15 minuters designtid. Mer information om Shopifys designpolicy.

Observera

Denna anpassning är för Shopifys vintageteman och gäller inte teman för Online Store 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.