Mở liên kết bên ngoài trong tab mới

Cẩn trọng

Chủ đề cổ điển không có trong Cửa hàng chủ đề. Những chủ đề này không có các tính năng thuộc Chủ đề Online Store 2.0 của Shopify, và chủ đề Cổ điển miễn phí của Shopify sẽ không nhận được bản cập nhật ngoài bản sửa lỗi bảo mật.

Lưu ý

Nếu bạn sử dụng chủ đề miễn phí từ Shopify, bạn có thể liên hệ với Bộ phận hỗ trợ của Shopify để được trợ giúp về hướng dẫn này. Thời gian thiết kế yêu cầu 15 phút. Để tìm hiểu thêm, tham khảo Support cho themes.

Lưu ý

Tùy chỉnh này áp dụng cho chủ đề Shopify cổ điển và không áp dụng cho chủ đề Online Store 2.0.

• Khám phá phiên bản cấu trúc của chủ đề
• Khám phá nội dung tùy chỉnh của chủ đề Online Store 2.0

Bạn có thể thêm một số mã vào chủ đề khiến liên kết bên ngoài trên cửa hàng trực tuyến mở trong tab trình duyệt mới. Điều này có thể mang lại lợi ích vì giúp ngăn khách hàng điều hướng khỏi cửa hàng trực tuyến của bạn. Liên kết bên ngoài là các URL chuyển khách hàng đến các trang web khác nhau, ví dụ như liên kết trong biểu tượng truyền thông xã hội.

Thêm một số mã vào tệp JavaScript của chủ đề

Để mở liên kết bên ngoài trong tab trình duyệt mới, bạn cần chỉnh sửa tệp JavaScript của chủ đề.

Bước:

Máy tính để bàn

1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

3. Trong thư mục Phần tử, nhấp vào một trong những nội dung sau:

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

4. Dán mã sau vào cuối tập tin:

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. Nhấp vào Save (Lưu).

iPhone

1. Trong ứng dụng Shopify, chạm vào nút ….
2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
3. Nhấn vào Manage themes (Quản lý chủ đề).
4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

5. Trong thư mục Phần tử, nhấp vào một trong những nội dung sau:

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

6. Dán mã sau vào cuối tập tin:

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. Nhấp vào Save (Lưu).

Android

1. Trong ứng dụng Shopify, chạm vào nút ….
2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
3. Nhấn vào Manage themes (Quản lý chủ đề).
4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

5. Trong thư mục Phần tử, nhấp vào một trong những nội dung sau:

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

6. Dán mã sau vào cuối tập tin:

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. Nhấp vào Save (Lưu).