javascript - WooCommerce:变体更改后触发事件

Question

我们使用 Woocommerce 来销售彩盒。通常选择可变产品选项。

我们添加了一个带有调色板的模态对话框，客户可以从中选择颜色。这是 woocommerce 的常见下拉菜单旁边。

问题是，当我将正确的 SlugValue 传递给下拉列表时(从调色板中选择它之后)，下拉列表中的值是正确的，但是需要触发以发布价格的事件不起作用.

我已经尝试触发下拉菜单的 onchange 事件，但什么也没发生。

谁能告诉我，需要触发哪个事件，如何触发？

Answer 1

以防将来有人偶然发现这个:WooCommerce 在整个 add-to-cart-variation.js 中提供触发器，它允许您连接到网站的更改事件。您可以在该文件中找到所有可用的选项，但可以直接使用在这种情况下最有帮助的选项

$( ".variations_form" ).on( "woocommerce_variation_select_change", function () {
    // Fires whenever variation selects are changed
} );

$( ".single_variation_wrap" ).on( "show_variation", function ( event, variation ) {
    // Fired when the user selects all the required dropdowns / attributes
    // and a final variation is selected / shown
} );

您要 Hook 的触发器是 .on() 中的第一个参数。下面是一些可以帮助您入门的内容:

woocommerce_variation_select_change 选择更改时触发。

show_variation 在找到变体时被触发，并且实际上会将找到的变体对象传递给您，这样您就可以直接访问价格，而无需手动筛选选择。

您可以筛选并找到其余的 here .