Ulkoisten linkkien avaaminen uudella välilehdellä

Huomio

Vanhoja teemoja ei ole saatavilla Theme Storessa. Vanhoissa teemoissa ei ole Shopifyn Online Store 2.0 ‑teemoihin sisältyviä ominaisuuksia, eikä Shopifyn ilmaisiin vanhoihin teemoihin tehdä muita päivityksiä kuin tietoturvakorjauksia.

Huomaa

Jos käytät Shopifyn ilmaista teemaa, voit ottaa yhteyttä Shopify-tukeen saadaksesi tähän tutoriaaliin liittyvää tukea. Tarvitset 15 minuuttia suunnitteluaikaa. Lue lisää Shopifyn suunnittelukäytännöstä.

Huomaa

tämä mukautus koskee vain vanhoja Shopify-teemoja, eikä sitä sovelleta Online Store 2.0 -teemoihin.

• Selvitä teemasi arkkitehtuuriversio
• Tutustu Online Store 2.0:n teemojen mukauttamiseen

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

Koodin lisääminen teemasi JavaScript-tiedostoon

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

Vaiheet:

Tietokone

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.

iPhone

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.

Android

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.