Перейти к содержанию
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>	

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

post-711887-0-06579400-1474019838_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 21.09.2016 в 07:13, frykdoza сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

<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>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

<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>  

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

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

Изменено пользователем 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>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.