0

我正在尝试在这里重新创建功能 - http://www.babycelebrations.co.uk/

客户可以在到达产品/购物车页面之前选择产品数量并添加到购物车。

这在蓝图中是可能的，但在模具中，显然变量的工作方式不同，谁能指出我如何编辑此代码以适应模具的正确方向？

<script type="text/javascript">
        $(document).ready(function() {

        $('form.addToCart').submit(function(event) {

        var pid = $('input[name=product_id]', this).val();
        var q = $('input[name=qty]', this).val();

        fastCartAction('/cart.php?action=add&product_id='+ pid +'&qty='+ q);
        event.preventDefault();

        });

        if($('.side-menu').length == 0) {
            var bcURL = $(".Breadcrumb li:last").prev("li").find('a').attr("href");
            $(".Left").load(bcURL + ' #smp');
        }
        });
    </script>

我相信它是由那个代码和这个 html 控制的 -

<input type="text" name="qty" value="1" class="qty" />

任何帮助将不胜感激，谢谢

4

1 回答 1

0

您可以使用 Stencil utils api 来促进这一点，您可以在其中将商品添加到购物车或更新购物车中商品的数量。

<form class="form" method="post" action="{{product.cart_url}}"
enctype="multipart/form-data" data-cart-item-add>

上面将允许下面的代码监听触发事件：

[...]
import utils from '@bigcommerce/stencil-utils';
[...]
addProductToCart() {
  utils.hooks.on('cart-item-add', (event) => {
    // insert code for adding or updating quantity
  });
}

https://stencil.bigcommerce.com/docs/stencil-utils-api-reference#Cart-API

于 2017-01-31T19:11:36.677 回答