Lấy dữ liệu khi lựa chọn Product Variation qua jQuery trong single-product.php

Trong một trong những dự án WooCommerce gần đây của tôi, tôi phải hiển thị một số thông báo tùy chỉnh về lựa chọn biến thể trong trang chi tiết sản phẩm theo biến thể được chọn.

Tôi đã kiểm tra một vài tùy chọn và cuối cùng tìm ra một số sự kiện jQuery thú vị trong add-to-cart-biến.js của WooC Commerce. WooC Commerce cung cấp các trình kích hoạt trong suốt add-to-cart-biến.js cho phép chúng ta nối vào các sự kiện thay đổi.

Dưới đây bạn có thể tìm thấy hai sự kiện jQuery phát sinh sau khi người dùng chọn một biến thể bằng các tùy chọn thả xuống. Các chi tiết về biến thể cũng có sẵn như là một đối tượng.

$( ".single_variation_wrap" ).on( "show_variation", function ( event, variation ) {
	alert( variation.variation_id );
	console.log( variation );
} );

$( document ).on( "found_variation.first", function ( e, v ) {
	alert( v.variation_id );
	console.log( v );
} );

Chỉ cần kiểm tra console của bạn và bạn có thể thấy toàn bộ dữ liệu như giá biến thể, hình ảnh, trạng thái chứng khoán, v.v. Ngoài ra, nếu bạn phải thực hiện một số lựa chọn tùy chọn biến thể, hãy sử dụng sự kiện bên dưới.

$( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
	alert( "Options changed" );
} );

WooCommerce_variation_select_change Kích hoạt khi lựa chọn được thay đổi.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x