Помощь Плюс минус в карточке товара опенкарт 2

Azazello77

Полезный
Регистрация
16 Май 2015
Сообщения
213
Реакции
16
подскажите, как реализовать, или, возможно, модуль..
 
подскажите, как реализовать, или, возможно, модуль..
Для начала подскажите версию и шаблон, вообще в 90% случаев реализуемо подправлением кода без модуля, а вообще эта функция есть почти в каждом шаблоне
 
помогите пожалуйста, добавил скрипт



<script type="text/javascript" >
$(document).ready(function() {
$('.my_minus').click(function () {
var $input = $(this).parent().find('.quant');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.my_plus').click(function () {
var $input = $(this).parent().find('.quant');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>



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

он вроде открывается кнопкой
<a onclick="document.getElementById('tab-review').scrollIntoView();"><?php echo $reviews; ?></a> / <a onclick="document.getElementById('tab-review').scrollIntoView();"><?php echo $text_write; ?></a>
 
Вот скрипт. Сам создаст элементы плюс и минус и добавит один перед, а другой после поля.
HTML:
$(document).ready(function(){
var quantityIn = $('input[name="quantity"]'),
    pL = $('<span />', {
      text: ' -- ',
      style: 'font-size:14px;cursor:pointer',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        a = a > 1 ? a - 1 : 1;
        quantityIn.val(a);
      }
    }),
    mI = $('<span />', {
      text: ' + ',
      style: 'font-size:14px;cursor:pointer',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        quantityIn.val(++a);
      }
    });
  quantityIn.before(pL).after(mI); 
});
 
Вот скрипт. Сам создаст элементы плюс и минус и добавит один перед, а другой после поля.
HTML:
$(document).ready(function(){
var quantityIn = $('input[name="quantity"]'),
    pL = $('<span />', {
      text: ' -- ',
      style: 'font-size:14px;cursor:pointer',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        a = a > 1 ? a - 1 : 1;
        quantityIn.val(a);
      }
    }),
    mI = $('<span />', {
      text: ' + ',
      style: 'font-size:14px;cursor:pointer',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        quantityIn.val(++a);
      }
    });
  quantityIn.before(pL).after(mI);
});


Модифицировал данный скрипт:
вставить в низу product.tpl
HTML:
<script type="text/javascript">
$(document).ready(function(){
var quantityIn = $('input[name="quantity"]'),
    pL = $('<div />', {
      text: ' - ',
      class: 'bminus',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        a = a > 1 ? a - 1 : 1;
        quantityIn.val(a);
      }
    }),
    mI = $('<div />', {
      text: ' + ',
      class: 'bplus',
      click: function(){
        var a = ~~quantityIn.val() || 0;
        quantityIn.val(++a);
      }
    });
  quantityIn.before(pL).after(mI); 
});
</script>
и добавить в CSS
HTML:
.bminus, .bplus{
    padding: 5px !important;
    margin: 0 5px 10px !important;
    background-color: #1F93BF;
    border:1px solid #DDD !important;
    font-size: 16px !important;
    font-weight:900;
    color: #FFF;
    cursor:pointer;
    width:25px;
    text-align:center;
    display: inline-block !important;
}
 
Назад
Сверху