Otwórz linki zewnętrzne w nowej karcie

Uwaga

Klasyczne szablony nie są dostępne w Theme Store. Te szablony nie mają funkcji zawartych w szablonach Online Store 2.0, a darmowe klasyczne szablony Shopify nie są aktualizowane z wyjątkiem poprawek bezpieczeństwa.

Uwaga

Jeśli używasz darmowego szablonu z Shopify, możesz kontaktować się z pomocą techniczną Shopify i uzyskać pomoc w związku z tym tutorialem. Czas projektowania wynosi 15 minut. Dowiedz się więcej o Polityce Shopify w zakresie projektowania.

Uwaga

To dostosowanie jest przeznaczone dla klasycznych szablonów Shopify i nie ma zastosowania do szablonów Online Store 2.0.

• Dowiedz się, jaka jest wersja architektury Twojego szablonu
• Przeglądaj dostosowania szablonu Online Store 2.0

Możesz dodać do swojego szablonu kod, który powoduje otwarcie linków zewnętrznych w sklepie online w nowej karcie przeglądarki. Jest to korzystne rozwiązanie, ponieważ może zapobiec opuszczeniu przez klientów Twojego sklepu online. Linki zewnętrzne to adresy URL, które kierują klientów do różnych stron internetowych, np. linki zawarte w ikonach mediów społecznościowych.

Dodaj kod do pliku JavaScript swojego szablonu

Aby otworzyć linki zewnętrzne w nowej karcie przeglądarki, musisz edytować plik JavaScript swojego szablonu.

Kroki:

Pulpit

1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
2. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

3. W katalogu Zasoby kliknij jedną z następujących nazw:

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

4. Wklej poniższy kod na dole pliku:

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. Kliknij opcję Zapisz.

iPhone

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

5. W katalogu Zasoby kliknij jedną z następujących nazw:

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

6. Wklej poniższy kod na dole pliku:

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. Kliknij opcję Zapisz.

Android

1. W aplikacji Shopify naciśnij przycisk ….
2. W sekcji Kanały sprzedaży naciśnij Sklep online.
3. Naciśnij Zarządzaj szablonami.
4. Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.

5. W katalogu Zasoby kliknij jedną z następujących nazw:

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

6. Wklej poniższy kod na dole pliku:

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. Kliknij opcję Zapisz.