Как сделать пересчет цены в зависимости от количества товара Ajax?

[Kanzas82]

Здравствуйте, помогите решить вопрос, хочу сделать пересчет цены в зависимости от количества товара в категориях товара, поставил счетчик а вот реализовать пересчет не получается.. OcStore 3.0.2

Вот код в category.twig отвечающий за вывод цены

<div class="us-module-price">
                    {% if not product.special %}
                    <span class="us-module-price-actual">{{ product.price }}</span>
                    {% else %}
                    <span class="us-module-price-old">{{ product.price }}</span><span class="us-module-price-new">{{ product.special }}</span>
                    {% endif %}
                    {% if product.tax %}
                    <div class="price-tax">{{ text_tax }} {{ product.tax }}</div>
                    {% endif %}
                  </div>
                  {% endif %}

А это ниже сам счетчик

{% if oc_quantity_category_status and oc_quantity_status %}
  <a href="javascript:void(0);" onclick="cart.add('{{ product.product_id }}', $(this).parent().parent().find('.input-number').val());" class="us-module-cart-btn button-cart">{{ button_cart }}</a>
{% else %}
  <a href="javascript:void(0);" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');" class="us-module-cart-btn button-cart">{{ button_cart }}</a>
{% endif %}
{% if oc_quantity_category_status and oc_quantity_status %}
  <div class="input-group">
    <span class="input-group-btn">
      <button type="button" class="minus-square" data-type="minus" data-field="category" onclick="descrement($(this).parent().parent())" )><i class="fas fa-minus-square"></i>
        <span class="glyphicon glyphicon-minus"></span>
      </button>
    </span>
    <input type="text" name="quantity" class="form-control input-number" id="category" value="1">
    <span class="input-group-btn">
      <button type="button" class="plus-square" data-type="plus" data-field="category" onclick="increment($(this).parent().parent())"><i class="fas fa-plus-square"></i>
        <span class="glyphicon glyphicon-plus"></span>
      </button>
    </span>
  </div>
{% endif %}</div></div></div>{% endfor %}

За ранее спасибо.

[Blast]

58 минут назад, Kanzas82 сказал:

Здравствуйте, помогите решить вопрос, хочу сделать пересчет цены в зависимости от количества товара в категориях товара, поставил счетчик а вот реализовать пересчет не получается.. OcStore 3.0.2

Вот код в category.twig отвечающий за вывод цены

<div class="us-module-price">
                    {% if not product.special %}
                    <span class="us-module-price-actual">{{ product.price }}</span>
                    {% else %}
                    <span class="us-module-price-old">{{ product.price }}</span><span class="us-module-price-new">{{ product.special }}</span>
                    {% endif %}
                    {% if product.tax %}
                    <div class="price-tax">{{ text_tax }} {{ product.tax }}</div>
                    {% endif %}
                  </div>
                  {% endif %}

А это ниже сам счетчик

{% if oc_quantity_category_status and oc_quantity_status %}
  <a href="javascript:void(0);" onclick="cart.add('{{ product.product_id }}', $(this).parent().parent().find('.input-number').val());" class="us-module-cart-btn button-cart">{{ button_cart }}</a>
{% else %}
  <a href="javascript:void(0);" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');" class="us-module-cart-btn button-cart">{{ button_cart }}</a>
{% endif %}
{% if oc_quantity_category_status and oc_quantity_status %}
  <div class="input-group">
    <span class="input-group-btn">
      <button type="button" class="minus-square" data-type="minus" data-field="category" onclick="descrement($(this).parent().parent())" )><i class="fas fa-minus-square"></i>
        <span class="glyphicon glyphicon-minus"></span>
      </button>
    </span>
    <input type="text" name="quantity" class="form-control input-number" id="category" value="1">
    <span class="input-group-btn">
      <button type="button" class="plus-square" data-type="plus" data-field="category" onclick="increment($(this).parent().parent())"><i class="fas fa-plus-square"></i>
        <span class="glyphicon glyphicon-plus"></span>
      </button>
    </span>
  </div>
{% endif %}</div></div></div>{% endfor %}

За ранее спасибо.

 

 

неизвестно что возвращает аяксовый запрос в функциях increment и decrement. Если  там есть цена, то ее и пишите в соответствующие теги

есть вариант не заморачиваться с обновлением через аякс. Можно к

<input type="text" name="quantity" class="form-control input-number" id="category" value="1">
    

дописать пользовательские атрибуты data-price и data-oldprice. В функциях increment и decrement считывать эти данные, умножать на quantity и записывать в теги с ценами

[Kanzas82]

4 минуты назад, Blast сказал:

 

неизвестно что возвращает аяксовый запрос в функциях increment и decrement. Если  там есть цена, то ее и пишите в соответствующие теги

есть вариант не заморачиваться с обновлением через аякс. Можно к

<input type="text" name="quantity" class="form-control input-number" id="category" value="1">
    

дописать пользовательские атрибуты data-price и data-oldprice. В функциях increment и decrement считывать эти данные, умножать на quantity и записывать в теги с ценами

 

Если можно то пожалуйста можно по подробней? спасибо