Åpne eksterne koblinger i en ny fane

Du kan legge til kode i temaet som gjør at eksterne koblinger i nettbutikken åpnes i en ny nettleserfane. Dette kan være nyttig fordi det bidrar til å forhindre kunder fra å navigere vekk fra nettbutikken din. Eksterne koblinger er nettstedsadresser som dirigerer kunder til ulike nettsteder, slik som koblingene som er inkludert i ikoner for sosiale medier.

Legg til kode i temaets JavaScript-fil

For å få eksterne koblinger til å åpnes i en ny nettleserfane, må du redigere temaets JavaScript-fil.

Trinn:

Datamaskin
  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
  2. Finn temaet du vil redigere, klikk på -knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  3. I Materiell-katalogen klikker du på en av følgende:

    • theme.js
    • theme.js.liquid
    • custom.js
  4. Lim følgende kode nederst 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. Klikk på Lagre.
iPhone
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på -knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Materiell-katalogen klikker du på en av følgende:

    • theme.js
    • theme.js.liquid
    • custom.js
  6. Lim følgende kode nederst 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. Klikk på Lagre.
Android
  1. Trykk på -knappen fra Shopify-appen.
  2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
  3. Trykk på Administrer temaer.
  4. Finn temaet du vil redigere, klikk på -knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
  5. I Materiell-katalogen klikker du på en av følgende:

    • theme.js
    • theme.js.liquid
    • custom.js
  6. Lim følgende kode nederst 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. Klikk på Lagre.
Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.