我在结帐购物车摘要页面(产品页面上不),我想允许用户更改购物车中的商品数量。
我有一个基于默认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-url
和data-down-url
,但如何准确地使用它(在哪里以及要调用什么)?
我目前的尝试是打造两个a
:
<a href="{$product.down_quantity_url}">-</a>
<a href="{$product.up_quantity_url}">+</a>
它通常有效(它更新值),但有两个主要问题: