Öppna externa länkar på en ny flik

Den här sidan skrevs ut den Mar 26, 2023. Besök https://help.shopify.com/sv/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab för den aktuella versionen.

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.

  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.

  1. Från Shopify-appen klickar du på Butik.

  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.

  1. Från Shopify-appen klickar du på Butik.

  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.

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

  2. 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.

Är du redo att börja sälja med Shopify?

Prova gratis