Ulkoisten linkkien avaaminen uudella välilehdellä

Tämä sivu on tulostettu Apr 23, 2024. Nykyinen versio on osoitteessa https://help.shopify.com/fi/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab.

Voit lisätä teemaasi koodia, jolla ulkoiset linkit avautuvat verkkokaupassasi selaimen uudella välilehdellä. Tämä voi olla hyödyllistä, koska näin asiakkaita ei siirretä pois verkkokaupastasi. Ulkoiset linkit ovat URL-osoitteita, jotka ohjaavat asiakkaat eri verkkosivustoille (esim. sosiaalisen median kuvakkeisiin sisältyvät linkit).

Tällä sivulla

Koodin lisääminen teemasi JavaScript-tiedostoon

Jos haluat, että ulkoiset linkit avataan uudella selaimen välilehdellä, sinun on muokattava teemasi JavaScript-tiedostoa.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  3. Klikkaa Sisällöt-hakemistossa jotakin seuraavista:

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

  4. Liitä tiedoston alaosaan seuraava koodi:

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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  5. Klikkaa Sisällöt-hakemistossa jotakin seuraavista:

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

  6. Liitä tiedoston alaosaan seuraava koodi:

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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  5. Klikkaa Sisällöt-hakemistossa jotakin seuraavista:

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

  6. Liitä tiedoston alaosaan seuraava koodi:

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. Klikkaa Tallenna.

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi