Плюс минус для количества товаров в корзине

[frykdoza]

Добрый день. Нашла модули только для старых версий OcStore, помогите, пожалуйста, как можно организовать плюс/минус в корзине? Писала в другой ветке, там мне не ответили.

 

Дублирую:

OCStore 2.1.0.2.1, интернет-магазин. Хотелось бы в корзине, чтобы выбор количества товаров осуществлялся кнопками плюс и минус. Но у меня плюсуется не один к заданному количеству, а кол-во строк в таблице. Для примера картинку прикрепляю.

Т.е. допустим 4 строки с товарами и везде количество 1 шт. Если нажать плюсик, то количество станет сразу 5. Если было изначально - 2шт, то при нажатии на плюсик становится 6 шт. Надо как то обнулять переменную? Или в чем проблема? Спасибо.

                                <!--Плюс минус в корзине-->					
				<div class="my_quantity1"> 
					<span class="my_minus1">-</span>
					<input type="text" name="quantity[<?php echo $product['cart_id']; ?>]" value="<?php echo $product['quantity']; ?>" size="1" class="form-control" id="quant1" />
					<!--<input type="text" name="quantity1" class="quant1" value="1" size="5"/>-->
					<span class="my_plus1">+</span>
 
					<script type="text/javascript" >								
					$(document).ready(function() {
					$('.my_minus1').click(function () {
  					var $input = $(this).parent().find('#quant1');
					var count = parseInt($input.val()) - 1;
					count = count < 1 ? 1 : count;
					$input.val(count);
					$input.change();
					return false;
					});
					$('.my_plus1').click(function () {
					var $input = $(this).parent().find('#quant1');
					$input.val(parseInt($input.val()) + 1);
					$input.change();
					return false;
					});
					});
					
					</script>
					<!--Плюс минус в корзине-->
				</div>	

Подскажите, что сделать. Спасибо!

[frykdoza]

вопрос закрыт. спасибо. сама сделала.

[vadg]

В 21.09.2016 в 07:13, frykdoza сказал:

вопрос закрыт. спасибо. сама сделала.

Вы можете подсказать, как все-таки эти плюс минус добавить в корзину, чтобы они заработали? Заранее благодарю.

[Nymphetamine]

 

<td class="quantity">
  <i onclick="$(this).next().val($(this).next().val()-1);$(this).parents('form').submit();" class="fa fa-minus"></i>
  <input type="text" name="quantity[<?php echo $product['cart_id']; ?>]" value="<?php echo $product['quantity']; ?>" size="1" class="form-control" />
  <i onclick="$(this).prev().val(~~$(this).prev().val()+1);$(this).parents('form').submit();" class="fa fa-plus"></i></div>
</td>

 

[Vicoff]

Блин, мне так нравится!

Себе сделала, а на остальных пофиг.

Спасибо!

[Symon81]

Ребят я чет запутался, я сделал следующее = 

<div class="input-group">
    <span class="input-group-btn">
        <button class="btn btn-default minus" data-dir="up"><i class="fa fa-minus"></i></button>
    </span>
    <input type="text" name="quantity[<?php echo $product['cart_id']; ?>]" value="<?php echo $product['quantity']; ?>" size="1"  class="form-control" id="input-quantity"/>            
    <span class="input-group-btn">
         <button class="btn btn-default plus" data-dir="up"><i class="fa fa-plus"></i></button>
    </span>
         
          <script type="text/javascript" >
             $(document).ready(function() {
         		 $('.fa fa-minus').click(function () {
         			  var $input = $(this).parent().find('#input-quantity');
                      var count = parseInt($input.val()) - 1;
                      count = count < 1 ? 1 : count;
                      $input.val(count);
                      $input.change();
                      return false;
          		});
               	 $('.fa fa-plus').click(function () {
                      var $input = $(this).parent().find('#input-quantity');
                      $input.val(parseInt($input.val()) + 1);
                      $input.change();
                      return false;
               	 });
             });                    
           </script>                           
</div>
<span class="input-group-btn">
	<button type="submit" data-toggle="tooltip" title="<?php echo $button_update; ?>" class="btn btn-primary"><i class="fa fa-refresh"></i></button>
	<button type="button" data-toggle="tooltip" title="<?php echo $button_remove; ?>" class="btn btn-danger" onclick="cart.remove('<?php echo $product['cart_id']; ?>');"><i class="fa fa-times-circle"></i></button>
</span>  

Должно было на стандартных кнопках получиться красиво, но кнопки не срабатывают( Весь день маюс, чет уже перегорел(((

Помогите, если есть кто шарит. Заранее спасибо.

Змінено 2 липня 2018 користувачем Symon81

[Symon81]

все я сделал сам, может кому пригодится

<div class="input-group-btn">
     <button class="minus">-</button> 
     <input type="text" name="quantity[<?php echo $product['cart_id']; ?>]" value="<?php echo $product['quantity']; ?>" size="2"  class="form-control" id="score">
     <button class="plus">+</button>
    <script>
      $(document).ready(function() {
       $('.minus').click(function () {
        var $input = $(this).parent().find('#score');
        var count = parseInt($input.val()) - 1;
        count = count < 1 ? 1 : count;
        $input.val(count);
        $input.change();
        return false;
       });
      $('.plus').click(function () {
        var $input = $(this).parent().find('#score');
        $input.val(parseInt($input.val()) + 1);
        $input.change();
        return false;
      });
    });
 </script>
</div>

<style>
  .input-group-btn input, .input-group-btn button{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
} 
.input-group-btn input{
  width: 70px;
  border: 1px solid #666;
  padding: 3px 0 4px 0;
  
} 
.input-group-btn button{
   padding: 2px 10px;
}
.minus, .plus {
	margin: 0 4px 0 4px;
	font: 20px Tahoma;
	text-align: center;
}
</style>