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

คุณสามารถเพิ่มโค้ดไปยังธีมของคุณซึ่งทำให้ลิงก์ภายนอกในร้านค้าออนไลน์ของคุณเปิดในแท็บเบราว์เซอร์ใหม่ได้ สิ่งนี้เป็นประโยชน์เพราะช่วยป้องกันไม่ให้ลูกค้าออกจากร้านค้าออนไลน์ของคุณ ลิงก์ภายนอกคือ 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. คลิกที่ “บันทึก
iPhone
  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. คลิกที่ “บันทึก
Android
  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. คลิกที่ “บันทึก
ไม่พบคำตอบที่คุณต้องการงั้นหรือ เราพร้อมช่วยเหลือคุณ