Увеличение и уменьшение количества товаров в корзине в Prestashop 1.7 - PullRequest
Новая
       8

Увеличение и уменьшение количества товаров в корзине в Prestashop 1.7

0 голосов
/ 08 июня 2018

Я нахожусь на странице сводной информации о корзине (, а не на странице продукта) и хочу разрешить пользователю изменять количество товаров в его корзине.

У меня есть шаблон на основепо умолчанию шаблоны 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>

И это обычно работает (обновляет значения), но с двумя основными проблемами:

  1. Меня перенаправляют на URL-адрес для увеличения / уменьшения количества в корзине, а не на мой URL-адрес корзины просмотрабольше, поэтому обновление страницы в этот момент будет увеличивать / уменьшать количество, чего я не хочу.Я t должен перенаправить меня обратно на URL суммирования корзины (чтобы при обновлении страницы не происходило изменение количества).
  2. Я могу заказать больше количества, чем доступно (только при переходе к следующему шагуесть проверка для этого, хотя я хотел бы получить его сразу после нажатия «+»).
...