เปิดลิงก์ภายนอกในแท็บใหม่

หน้านี้พิมพ์ขึ้นเมื่อ Apr 26, 2024 หากต้องการเวอร์ชันปัจจุบัน โปรดไปที่ https://help.shopify.com/th/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/open-external-links-in-new-tab

คุณสามารถเพิ่มโค้ดไปยังธีมของคุณซึ่งทำให้ลิงก์ภายนอกในร้านค้าออนไลน์ของคุณเปิดในแท็บเบราว์เซอร์ใหม่ได้ สิ่งนี้เป็นประโยชน์เพราะช่วยป้องกันไม่ให้ลูกค้าออกจากร้านค้าออนไลน์ของคุณ ลิงก์ภายนอกคือ URL ที่เปลี่ยนเส้นทางลูกค้าไปยังเว็บไซต์ที่แตกต่างกัน เช่น ลิงก์ที่รวมอยู่ในไอคอนโซเชียลมีเดีย

ในหน้านี้

เพิ่มโค้ดไปยังไฟล์ JavaScript ของธีมคุณ

หากต้องการเปิดลิงก์ภายนอกในแท็บเบราว์เซอร์ใหม่ คุณต้องแก้ไขไฟล์ JavaScript ของธีมคุณ

ขั้นตอน:

  1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

  3. ในไดเรกทอรีองค์ประกอบ ให้คลิกอย่างใดอย่างหนึ่งต่อไปนี้:

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

  4. วางโค้ดต่อไปนี้ใกล้กับด้านล่างของไฟล์:

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. คลิกที่ “บันทึก”
  1. จากแอป Shopify ให้แตะที่ปุ่ม …
  2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะจัดการธีม
  4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

  5. ในไดเรกทอรีองค์ประกอบ ให้คลิกอย่างใดอย่างหนึ่งต่อไปนี้:

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

  6. วางโค้ดต่อไปนี้ใกล้กับด้านล่างของไฟล์:

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. คลิกที่ “บันทึก”
  1. จากแอป Shopify ให้แตะที่ปุ่ม …
  2. ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
  3. แตะจัดการธีม
  4. ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด

  5. ในไดเรกทอรีองค์ประกอบ ให้คลิกอย่างใดอย่างหนึ่งต่อไปนี้:

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

  6. วางโค้ดต่อไปนี้ใกล้กับด้านล่างของไฟล์:

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. คลิกที่ “บันทึก”

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี