OpenCart: как увеличивать количество товара кратно минимальному в карточке товара?

Question

[Ринат Хайсман]

Собственно, сабж. Магазин оптовых товаров, продается только коробами, с четким кол-вом элементов в каждом коробе.
Для OpenCart есть модуль Simple, которые отлично справляется с задачей, но только при чек-ауте (подтверждение покупки: на этой странице тоже можно +/- кол-во товаров).

Answer 1

[Ринат Хайсман]

Вопрос решился кодом:

HTML:

<button class="counter counter-minus material-design-horizontal39" href='#'></button>
<input type="text" data-minimum="<?php echo $minimum; ?>" name="quantity" size="3" value="<?php echo $minimum; ?>" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>"/>
<button class="counter counter-plus material-design-add186" href='#'></button>

jQuery:

;(function ($) {
    $(document).on('click', '.counter-minus, .counter-plus', function(e) {
        e.preventDefault();
		
        var input = $(this).parent().find('input[name*="quantity"]'),
        value = 1;
		
        var minimum = $(input).data('minimum');
		
        if ($(this).hasClass('counter-minus') && input.val() > minimum) {
            value = parseInt(input.val()) - minimum;
        } else if ($(this).hasClass('counter-plus')) {
            value = parseInt(input.val()) + minimum;
        }
        input.val(value);
    });
})(jQuery);

(При копировании будьте внимательны, чтобы не захватить лишние символы BOM)

Comments

[PetrovVK]

Добрый день, пытаюсь решить такую же задачу, но на ocStore 3 и на не дефолтном шаблоне.
В шаблоне имею это:

<div class="form-group">
                                    <div class="input-group number-spinner">
                <span class="input-group-btn">
                <button class="btn" data-dir="dwn">
                  <i class="fa fa-minus"></i>
                </button>
              </span>
                                        <input type="text" name="quantity" value="{{ minimum }}" id="input-quantity" class="form-control text-center" />
                                        <span class="input-group-btn">
                 <button class="btn" data-dir="up">
                  <i class="fa fa-plus"></i>
                </button>
                </span>
                                    </div>
                                </div>
                            </div>

а в common.js следующий код:

$(document).on('click', '.number-spinner button', function () { var btn = $(this), oldValue = btn.closest('.number-spinner').find('input').val().trim(), newVal = 1; if (btn.attr('data-dir') == 'up') { newVal = parseInt(oldValue) + 1; } else { if (oldValue > 1) { newVal = parseInt(oldValue) - 1; } else { newVal = 1; } } btn.closest('.number-spinner').find('input').val(newVal); });
});

Пытался в common.js сделать нечто похожее на код представленный вами, кнопки не реагируют...

Answer 2

[zoozag]

В simplecheckout.js смотрите функции increaseProductQuantity и decreaseProductQuantity.
Насколько я вижу, он прибавляет/убавляет кратно минимальному количеству.

Comments

[Ринат Хайсман]

Да, скорее всего они и есть, только только не получается эти функции на кнопки забить

[zoozag]

Тогда это шаблон перебивает стандартные функции симплы. Смотрите EventListener'ы которые на кнопках у вас висят

[Ринат Хайсман]

zoozag, на кнопках висит вот эта функция, насколько я понимаю:

/* Quantity Counter
========================================================*/
;(function ($) {
    $(document).on('click', '.counter-minus, .counter-plus', function(e) {
        e.preventDefault();
        var input = $(this).parent().find('input[name*="quantity"]'),
        value = 1;
        if ($(this).hasClass('counter-minus') && input.val() > 1) {
            value = parseInt(input.val()) - 1;
        } else if ($(this).hasClass('counter-plus')) {
            value = parseInt(input.val()) + 1;
        }
        input.val(value);
    });
})(jQuery);

А вот сама верстка:

<button class="counter counter-minus material-design-horizontal39" href='#'></button>
<input type="text" name="quantity" size="3" value="<?php echo $minimum; ?>" />
<input type="hidden" name="product_id" value="<?php echo $product_id; ?>"/>
<button class="counter counter-plus material-design-add186" href='#'></button>

[zoozag]

Ринат Хайсман, В чем теперь вопрос? У вас все перед глазами:
value = parseInt(input.val()) + 1;
Вместо +1 нужен шаг, который определяется через $minimum;

[Ринат Хайсман]

zoozag, заменял единицы шагом, не работает

Answer 3

[Alexmaax]

Измените в коде
input type="text"
на
input type="number"
и допишите параметр
min="<?php echo $minimum; ?>" step="<?php echo $minimum; ?>"