Trong Be Concept , bạn có thể sử dụng trình kích hoạt và trình nghe sự kiện Javascript tùy chỉnh.
Khi tùy chỉnh chủ đề, bạn có thể muốn kết nối với một số sự kiện sau khi chúng tình cờ chạy tập lệnh tùy chỉnh của bạn hoặc tích hợp với ứng dụng của bên thứ ba. Chúng tôi cung cấp các mẫu JavaScript cho các sự kiện được hỗ trợ.
- Đã tải trang kích hoạt
- Rút thẻ kích hoạt để cập nhật
- Sản phẩm đã được thêm vào giỏ hàng ajax
- Sản phẩm không thể thêm vào giỏ hàng
- Chế độ xem nhanh được mở
- Đã tải chế độ xem nhanh
- Lựa chọn biến thể đã thay đổi
- Trang sưu tập được hiển thị lại
Đã tải trang kích hoạt
Tài liệu HTML đã được phân tích cú pháp hoàn toàn và tất cả các tập lệnh bị trì hoãn.
document.addEventListener('page:loaded', function() { // Page has loaded and theme assets are ready });Rút thẻ kích hoạt để cập nhật
Sử dụng mẫu JavaScript này để cập nhật đối tượng giỏ hàng sau khi số lượng được thay đổi:
document.addEventListener('cart:updated', function(evt) { console.log(evt.detail.cart); });Sản phẩm đã được thêm vào giỏ hàng ajax
document.addEventListener('ajaxProduct:added', function(evt) { console.log(evt.detail.product); });Sản phẩm không thể thêm vào giỏ hàng
document.addEventListener('ajaxProduct:error', function(evt) { console.log(evt.detail.errorMessage); });Chế độ xem nhanh được mở
document.addEventListener('quickview:open', function(evt) { console.log(evt.detail.productUrl); });Đã tải chế độ xem nhanh
document.addEventListener('quickview:loaded', function(evt) { console.log(evt.detail.productUrl); });Lựa chọn biến thể đã thay đổi
document.addEventListener('variant:change', function(evt) { console.log(evt.detail.variant); });Trang bộ sưu tập được hiển thị lại
document.addEventListener('collection:reloaded', function() { console.log('collection:reloaded') });
