Otwórz linki zewnętrzne w nowej karcie

Uwaga

Klasyczne szablony nie są dostępne w Sklepie z szablonami. Te szablony nie mają funkcji zawartych w szablonach Online Store 2.0, a darmowe klasyczne szablony Shopify nie są aktualizowane oprócz poprawek bezpieczeństwa.

Uwaga

Jeśli używasz darmowego szablonu Shopify, możesz skontaktować się z pomocą techniczną Shopify, aby uzyskać pomoc w zakresie tego tutoriala. Wymaga to 15 minut czasu projektowania. Aby dowiedzieć się więcej, zapoznaj się z tematem Pomoc techniczna w zakresie szablonów.

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.