Перейти к содержимому


Aza102

Регистрация: 18 дек. 2015
Offline Активность: 29 февр. 2016 12:55
-----

#223000 Нужна Помощь Со Счетчиком Количества

Отправлено Danil на 16 Январь 2016 - 09:34

Просмотр сообщенияAza102 (16 Январь 2016 - 08:45) писал:

Спасибо. Как поставить счетчик посередине и выше на значком сравнение?
Изображение
Еще сделать такой же счетчик на главной где товары. Заранее спасибо!
Здравствуйте.
В шаблоне Товары найдите код
<div class="actions">
							  <ul class="add-to-links">
								<li>
								  <!-- Если есть возможность добавить товар в избранное -->
								  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
									<a class="add-wishlist added"
									  data-action-is-add="0"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ELSE %}
									<a class="add-wishlist"
									  data-action-is-add="1"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ENDIF %}
								  <!-- END Если есть возможность добавить товар в избранное -->
								</li>
								<li>
								  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
								  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
									{% IF goods.IS_HAS_IN_COMPARE_LIST %}
									  <a class="add-compare added"
										data-action-is-add="0"
										data-action-add-url="{COMPARE_ADD_URL}"
										data-action-delete-url="{COMPARE_DELETE_URL}"
										data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									  ></a>
									{% ELSE %}
									  <a class="add-compare"
										data-action-is-add="1"
										data-action-add-url="{COMPARE_ADD_URL}"
										data-action-delete-url="{COMPARE_DELETE_URL}"
										data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									  ></a>
									{% ENDIF %}
								  {% ENDIF %}
								  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
								</li>
							  </ul>
							  <!-- Добавление товара в Корзину -->
		  <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
				<div class="wrap-qty clearfix">
				  <div class="qty-set">
						<span class="qty-set-block">
						<input type="button" class="quantity-minus">
						<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty qtychange" onkeypress="return keyPress('0123456789')">
						<input type="button" class="quantity-plus">	
						</span>
				  </div>
				</div>				 
		  </div>
							</div>
и замените на
<!-- Добавление товара в Корзину -->
		  <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
				<div class="wrap-qty clearfix">
				  <div class="qty-set">
						<span class="qty-set-block">
						<input type="button" class="quantity-minus">
						<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty qtychange" onkeypress="return keyPress('0123456789')">
						<input type="button" class="quantity-plus">	
						</span>
				  </div>
				</div>				 
		  </div>
							<div class="actions">
							  <ul class="add-to-links">
								<li>
								  <!-- Если есть возможность добавить товар в избранное -->
								  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
									<a class="add-wishlist added"
									  data-action-is-add="0"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ELSE %}
									<a class="add-wishlist"
									  data-action-is-add="1"
									  data-action-add-url="{FAVORITES_ADD_URL}"
									  data-action-delete-url="{FAVORITES_DELETE_URL}"
									  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
									  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
									  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									></a>
								  {% ENDIF %}
								  <!-- END Если есть возможность добавить товар в избранное -->
								</li>
								<li>
								  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
								  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
									{% IF goods.IS_HAS_IN_COMPARE_LIST %}
									  <a class="add-compare added"
										data-action-is-add="0"
										data-action-add-url="{COMPARE_ADD_URL}"
										data-action-delete-url="{COMPARE_DELETE_URL}"
										data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									  ></a>
									{% ELSE %}
									  <a class="add-compare"
										data-action-is-add="1"
										data-action-add-url="{COMPARE_ADD_URL}"
										data-action-delete-url="{COMPARE_DELETE_URL}"
										data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
										data-prodname="{goods.NAME}"
										data-produrl="{goods.URL}"
										data-id="{goods.ID}"
										data-mod-id="{goods.MIN_PRICE_NOW_ID}"
										title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
										href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
									  ></a>
									{% ENDIF %}
								  {% ENDIF %}
								  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
								</li>
							  </ul>
							</div>
В main.css найдите код
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 183px;
	height: 51px;
	margin: 20px auto 0;
}
и замените на
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 183px;
	height: 51px;
	margin: 10px auto 0;
}
.add-to-box {
	margin: 6px;
}
В шаблоне html перед кодом(встречается 3 раза)
								<div class="actions">
											<ul class="add-to-links">
		 
вставьте
							  <!-- Добавление товара в Корзину -->
		  <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
				<div class="wrap-qty clearfix">
				  <div class="qty-set">
						<span class="qty-set-block">
						<input type="button" class="quantity-minus">
						<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty qtychange" onkeypress="return keyPress('0123456789')">
						<input type="button" class="quantity-plus">	
						</span>
				  </div>
				</div>				 
		  </div>



#223161 Нужна Помощь Со Счетчиком Количества

Отправлено RedHead на 18 Январь 2016 - 10:25

Просмотр сообщенияAza102 (16 Январь 2016 - 10:15) писал:

Спасибо все супер практически, только на главной плюс и минус не реагирует. Счетчик работает, а вот плюс и минус не работают.

Здравствуйте! В самый конец шаблона html вставьте код:

<script>
  $('.quantity-plus').click(function(){
  a = $(this).parent().find('.qtychange').attr('value');
  $(this).parent().find('.qtychange').attr('value', parseFloat(a)+1);
});
$('.quantity-minus').click(function(){
  a = $(this).parent().find('.qtychange').attr('value');
  if(a > 1){
  $(this).parent().find('.qtychange').attr('value', parseFloat(a)-1);
  }
})
</script>



#222972 Нужна Помощь Со Счетчиком Количества

Отправлено RedHead на 15 Январь 2016 - 20:51

Просмотр сообщенияAza102 (15 Январь 2016 - 12:18) писал:

Всем привет. Магазин SL-367669 Нужна помощь со счетчиком товара. Нужно что бы отображалось в тех местах как на картинках:
Потом при предосмотре:
И в каталоге:
Еще на последней картинке где обозначено красным: 1) Нужно что бы картинка не переворачивалась 2) Выпадающее меню сортировки поставить на место.
Всем добра! Заранее спасибо!!!

Здравствуйте! перед внесением изменений, создайте бэкап.

1) Чтобы включить счетчик товаров в быстром просмотре, в шаблоне main.js найдите блок кода:
/* Быстрый просмотр товара */
...
...
...
...
...
/* END Быстрый просмотр товара */
в этом блоке удалите строку:
$('.fancybox-inner .wrap-qty').hide();

2) Счетчик в каталоге, при отображении товаров списком:

В шаблоне ТОВАРЫ, перед строками:

</div>
						</form>
					  </div>
					</div>
				  </div>
				</div>
			  </li>
			{% ENDFOR %}
		  </ol>
		{% ENDIF %}
	  </div>
	  <!-- END Вывод товаров -->

вставьте:

<!-- Добавление товара в Корзину -->
	  <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		<div class="wrap-qty clearfix">
		  <div class="qty-title"><span>Количество:</span></div>
		  <div class="qty-set">
			<span class="qty-set-block">
			<input type="button" class="quantity-minus">
			<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty qtychange" onkeypress="return keyPress('0123456789')">
			<input type="button" class="quantity-plus">   
			</span>
		  </div>
		</div>		   
	  </div>

в самый конец шаблона Товары вставьте:

<script>
  $('.quantity-plus').click(function(){
  a = $(this).parent().find('.qtychange').attr('value');
  $(this).parent().find('.qtychange').attr('value', parseFloat(a)+1);
});
$('.quantity-minus').click(function(){
  a = $(this).parent().find('.qtychange').attr('value'); 
  if(a > 1){
  $(this).parent().find('.qtychange').attr('value', parseFloat(a)-1);
  }
})
</script>

3) Счетчик товаров в каталоге - отображение таблицей:

В шаблоне Товары после строк:
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
								</li>					 
							  </ul>

вставьте:

<!-- Добавление товара в Корзину -->
	  <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		<div class="wrap-qty clearfix">
		  <div class="qty-set">
			<span class="qty-set-block">
			<input type="button" class="quantity-minus">
			<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty qtychange" onkeypress="return keyPress('0123456789')">
			<input type="button" class="quantity-plus">	
			</span>
		  </div>
		</div>			
	  </div>

затем в конец шаблона main.css вставьте:
.item-box-hover .wrap-qty .qty-set input {margin-top: 10px;padding: 5px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 100%;line-height: 10px;height: 28px;width: 28px;border: 1px solid #dfdfdf;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}
.item-box-hover .wrap-qty .qty-set input.quantity-plus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -26px;}
.item-box-hover .wrap-qty .qty-set input.quantity-minus {background-position: left -52px;}
.item-box-hover .wrap-qty .qty-set input.quantity-minus:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -78px;}
.item-box-hover .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;}

затем строку
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}
замените на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 120px;bottom: -120px;left: 0px;}

4) Сортировка.

В конец шаблона main.css вставьте:
.toolbar select {margin-top: 16px; }