Harici bağlantıları yeni sekmede açma

Temanıza, online mağazanıza gelen harici bağlantıların yeni bir tarayıcı sekmesinde açılmasını sağlayan bir kod ekleyebilirsiniz. Bu, müşterilerin online mağazanızdan uzaklaşmasını engellemeye yardımcı olduğundan faydalı olabilir. Harici bağlantılar, müşterileri sosyal medya simgelerinin bağlantıları gibi farklı web sitelerine yönlendiren URL'lerdir.

Temanın JavaScript dosyasına kod ekleme

Yeni bir tarayıcı sekmesinde harici bağlantıların açılması için temanıza bağlı JavaScript dosyasını düzenlemeniz gerekir.

Adımlar:

Masaüstü
  1. Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
  2. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için düğmesine, ardından Kodu düzenle'ye tıklayın.
  3. Öğeler dizininde aşağıdakilerden birine tıklayın:

    • theme.js
    • theme.js.liquid
    • custom.js
  4. Aşağıdaki kodu dosyanın en altına yapıştırın:

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. Kayıtyap ' a tıklayın.
iPhone
  1. Shopify uygulamasında, düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için düğmesine, ardından Kodu düzenle'ye tıklayın.
  5. Öğeler dizininde aşağıdakilerden birine tıklayın:

    • theme.js
    • theme.js.liquid
    • custom.js
  6. Aşağıdaki kodu dosyanın en altına yapıştırın:

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. Kayıtyap ' a tıklayın.
Android
  1. Shopify uygulamasında, düğmesine dokunun.
  2. Satış Kanalları bölümünde online mağaza' ya dokunun.
  3. Temaları Yönet' e dokunun.
  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için düğmesine, ardından Kodu düzenle'ye tıklayın.
  5. Öğeler dizininde aşağıdakilerden birine tıklayın:

    • theme.js
    • theme.js.liquid
    • custom.js
  6. Aşağıdaki kodu dosyanın en altına yapıştırın:

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. Kayıtyap ' a tıklayın.
Aradığınız cevapları bulamıyor musunuz? Yardımcı olmak için buradayız.