Кнопки плюс минус количества товара Joomshopping

Поступил очередной заказ на интерент магазин с требованием сделать его именно на CMS Joomshopping версии 4.15.0. Перед программистом была поставлена задача сделать кнопки плюс и минус возле количества товара, а именно в карточке товара и корзине, как это было задумано в макете нашими дизайнерами и маркетологами. Данного функционала с коробки Joomshopping просто напросто нету, по этому мы с вами поделимся как это сделать.

Начнем с карточки товара

Идем в файл product_default.php (/public_html/components/com_jshopping/templates/ваш_шаблон/product)

Ищем строку  (у меня 310) в файле

 <input type="text" name="quantity" id="quantity" onkeyup="reloadPrices();" class="inputbox" value="<?php print $this->default_count_product?>" /><?php print $this->_tmp_qty_unit;?>

Заменяем на:

<span onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty ) &amp;amp;&amp;amp; qty &amp;gt; 1 ) qty_el.value--;return false;" class="quantity-minus">-</span>
<span class="quantity-text"><input type="text" value="1" class="inputbox" onkeyup="reloadPrices();" id="quantity" name="quantity"></span>
<span onclick="var qty_el = document.getElementById('quantity'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;" class="quantity-plus">+</span>

Мы добавили стили конечно же и вышло у нас так

Теперь вставляем кнопки в корзину.

Идем в файл cart.php (/public_html/components/com_jshopping/templates/ваш_шаблон/cart)

Ищем строку (у меня 109) в файле

<input type = "text" name = "quantity[<?php print $key_id ?>]" value = "<?php print $prod['quantity'] ?>" class = "inputbox" />

Заменяем на:

<input class="minus" type="button" value="+" onclick="var qty_el = document.getElementById('quantity[<?php print $key_id ?>]'); var qty = qty_el.value; if( !isNaN( qty )) qty_el.value++;return false;" />
<input type = "text" name = "quantity[<?php print $key_id ?>]" id="quantity[<?php print $key_id ?>]" value = "<?php print $prod['quantity'] ?>"  />
<input class="plus" type="button" value="-" onclick="var qty_el = document.getElementById('quantity[<?php print $key_id ?>]'); var qty = qty_el.value; if( !isNaN( qty ) &amp;&amp; qty > 0 ) qty_el.value--;return false;" />

Ну и в корзине вышло так (конечно же с нашими стилями по макету)

Закажите сайт и получите 3 месяца техподдержки в подарок

*Мы гарантируем полную конфиденциальность предоставляемой нам информации