2014-06-18 94 views
11

我们使用Woocommerce销售彩盒。 通常选择变量产品选项。WooCommerce:更改变化后触发事件

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

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

我已经试图触发下拉菜单中的onchange事件,但没有发生任何事情。

有人可以告诉我,哪个事件需要触发,以及如何?

aprec任何帮助!

回答

58

如果任何人在将来遇到这种情况: 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找到。

+1

+1 ..谢谢Logan!很难看到答案没有投票权。无法在其他地方找到解决方案。 –

+1

不错的一个!得到我的投票。 – user892670

+1

你是男人洛根,这节省了我大量的工作 –