В теме одно сообщение

[farmont]

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

Прикрепленные изображения

• 

[Firefly]

farmont (08 Май 2016 - 12:06) писал:

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, добавьте в конце код:

$(document).ready(function(){
  $('.qty-plus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal)){
	  quantity.val(currentVal + 1);
	  quantity.trigger('keyup');
	}
	return false;
  });
  $('.qty-minus').click(function(){
	var
	  quantity = $(this).parent().find('.quantity')
	  ,currentVal = parseInt(quantity.val())
	;
	if (!isNaN(currentVal) && !(currentVal <= 1) ){
		quantity.val(currentVal - 1);
		quantity.trigger('keyup');
	}
	return false;
  });
});

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

  /* Кнопки выбора количества товара */
  .plus_minus_quantity {margin:5px 0 10px;}
  .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .qty-minus, .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #0099CC;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .qty-minus:hover, .qty-plus:hover {background-color: #0682AB;}
  /* END Кнопки выбора количества товара */

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:

					  <!-- Доступность товара -->

Замените на:

			<!-- Количество товара -->		  
			<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
		   <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>
					  <!-- Доступность товара -->