10

Январь

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

Читать статью

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

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

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

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

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

Заменяем на:

<span class="quantity-minus">-</span>
<span class="quantity-text"><input id="quantity" class="inputbox" name="quantity" type="text" value="1" /></span>
<span class="quantity-plus">+</span>

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

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

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

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

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

Заменяем на:

<input class="minus" type="button" value="+" />
<input id="quantity[<?php print $key_id ?>]" name="quantity[<?php print $key_id ?>]" type="text" value="<?php print $prod['quantity'] ?>" />
<input class="plus" type="button" value="-" />

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

Заказать расчет
Спасибо ;)

Мы уже набираем ваш номер телефона...

Написать нам
Спасибо ;)

Мы уже набираем ваш номер телефона...