Woocommerce - added_to_cart触发器

Question

我正在尝试使用WooCommerce added_to_cart触发器在将特定产品添加到购物车时触发弹出窗口.到目前为止,我已成功实现以下目标:

jQuery('body').on('added_to_cart',function() {
        alert("testing!");
    });

这会在任何产品添加到购物车时显示警告框.但是,我希望警报仅显示特定类别.但是,如何确定添加到购物车的产品属于哪个类别？

添加到购物车的来源是:https: //github.com/woothemes/woocommerce/blob/master/assets/js/frontend/add-to-cart.js

并且有问题的触发器:

$( document.body ).trigger( 'added_to_cart', [ fragments, cart_hash, $thisbutton ] );

Answer 1

所以我也遇到了这个问题,修复很简单.

你的功能实际上是正确的,它只需要包含在一个.ready()函数中.

您的代码如下所示:

jQuery(document).ready(function($){
    $('body').on( 'added_to_cart', function(){
        alert("testing!");
    });
});

Answer 2

假设您使用默认的 WooCommerce html 结构，这应该对您有用。

我通过 Storefront 演示页面上的 Chrome 控制台运行它来测试它，可以在此处找到： http: //demo2.woothemes.com/storefront/shop/。<li>仅当“收音机”产品添加到购物篮时，它才会显示警报消息，它会从该产品的父级类中查找类别。

$ = jQuery;
var lastCategory;

$('body').on('added_to_cart',function() {
    if(lastCategory === 'radios'){
        alert('a radio was added!');
    }
});

$('.add_to_cart_button').on('click',function() {
    lastCategory = $(this).closest('li').attr('class').split('product-cat-')[1].split(' ')[0];
});