Question

我试图将数量字段添加到我正在构建的wordpress网上商店。我们的想法是，客户可以在存档页面而不是产品页面上将产品添加到购物车中。

我安装了插件：WooCommerce Quantity Increment并添加了一些我在google上找到的使用ajax而不是页面刷新的代码。（我不熟悉jQuery ..）

jQuery(function($) {
    $('.input-text.qty', 'ul.products').on('input', function() {
        console.log("piep");
        console.log(this);
        $(this).closest('.winkelmandje').find('.add_to_cart_button').data('quantity', $(this).val());
    });
    $('.plus', 'ul.products').click( function() {
        var counter = 1;
        console.log(+$('.input-text.qty').val() + 1);
        //$('.input-text.qty').val(quantity++);;
        $('.input-text.qty').closest('.winkelmandje').find('.add_to_cart_button').data('quantity', +$('.input-text.qty').val() + 1);
    });
});

我试图以正确的方式实施一切。起初我认为它运作良好。但是，如果您将六个相同的产品添加到购物车中。然后你尝试添加10件另一种产品。它只增加了其他六种产品..

我现在正盯着它看了两天，无法弄明白。希望你们能帮助我！

网上商店的工作版本：http://vandouglashout.com/winkel

提前致谢！

问候

Answer 1

您只需要查找一个val()，因此它只会看到来自任何输入的第一个数量。您的代码假定只有一个匹配的元素。如果循环遍历.input-text.qty元素，您应该能够从每个元素中获取值，并且可以创建一个关联的产品数组及其选定的数量。

在存档页面上添加数量wordpress失败

1 个答案: