Từ Be Yours 6.0.0 , 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 tham gia vào một số sự kiện sau khi chúng tình cờ thực thi tập lệnh tùy chỉnh của bạn hoặc tích hợp ứng dụng thứ 3. 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
- Ngăn kéo giỏ hàng 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 bộ 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 });Đã cập nhật giỏ hàng
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') });
