WooCommerce:变体更改后触发事件

2024-01-06

我们使用 Woocommerce 来销售彩盒。 大多数情况下选择可变产品选项。

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

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

我已经尝试过开火了onchange下拉事件,但没有任何反应。

谁能告诉我,需要触发哪个事件以及如何触发?


如果将来有人偶然发现这一点: 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
} );

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

woocommerce_variation_select_change当选择更改时触发。

show_variation当它发现变体时会被触发,并且实际上会向您传递找到的变体对象,以便您可以直接访问价格,而无需手动过滤选择。

您可以筛选并找到其余的here https://github.com/woothemes/woocommerce/blob/master/assets/js/frontend/add-to-cart-variation.js.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

WooCommerce:变体更改后触发事件 的相关文章

随机推荐