在Prestashop 1.7中增加和减少购物车中的产品数量

时间:2018-06-08 12:16:36

标签: ajax prestashop prestashop-1.7

我在结帐购物车摘要页面(产品页面上),我想允许用户更改购物车中的商品数量。

我有一个基于默认Prestashop 1.7模板的模板。

templates/checkout/_partials/cart-detailed-product-line.tpl内,我有:

<input
            class="js-cart-line-product-quantity"
            data-down-url="{$product.down_quantity_url}"
            data-up-url="{$product.up_quantity_url}"
            data-update-url="{$product.update_quantity_url}"
            data-product-id="{$product.id_product}"
            type="text"
            value="{$product.quantity}"
            name="product-quantity-spin"
            min="{$product.minimal_quantity}"
/>

<a
              class                       = "remove-from-cart"
              rel                         = "nofollow"
              href                        = "{$product.remove_from_cart_url}"
              data-link-action            = "delete-from-cart"
              data-id-product             = "{$product.id_product|escape:'javascript'}"
              data-id-product-attribute   = "{$product.id_product_attribute|escape:'javascript'}"
              data-id-customization       = "{$product.id_customization|escape:'javascript'}"
></a>

a元素按预期工作 - 点击链接,购物车会更新已删除的商品。

我想要做的是在每个input旁边添加“+”和“ - ”链接,以增加和减少项目数量。

但是我不知道要添加哪些类或者我应该添加什么JS来不破坏或重写Prestashop核心机制?

我的猜测是以某种方式使用data-up-urldata-down-url,但如何准确地使用它(在哪里以及要调用什么)?

我目前的尝试是打造两个a

<a href="{$product.down_quantity_url}">-</a>
<a href="{$product.up_quantity_url}">+</a>

它通常有效(它更新值),但有两个主要问题:

  1. 我被重定向到URL以获取购物车中的增加/减少数量,而不再重定向到我的查看购物车网址,因此此时刷新页面将进一步增加/减少我不希望发生的数量。我应该将我重新定向到购物车总结网址(因此刷新页面不会导致数量更改)。
  2. 我可以订购比可用数量更多的数量(只有在下一步检查时才会检查它,而我希望在按下“+”后再提供它。)

0 个答案:

没有答案