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


Исправляем + - В Карточке Товара


  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 M1STERE0

M1STERE0

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 63 сообщений

Отправлено 24 Сентябрь 2020 - 13:17

Здравствуйте! Откройте шаблон "Товар" и найдите код
<div class="qty-wrap">
		 <div class="qty-title"><span>Количество:</span></div>
		 <div class="qty-set">
		 <span id="qty_minus" class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span>
		 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
		 <span id="qty_plus" class="qty-plus fa fa-plus unselectable" title="Увеличить"></span>
		 </div>
	 </div>

и замените его на
<div class="wrap-qty">
		 <div class="qty-title"><span>Количество:</span></div>
		 <div class="qty-set">
		 <span class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span>
		 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
		 <span class="qty-plus fa fa-plus unselectable" title="Увеличить"></span>
		 </div>
	 </div>

Далее перейдите в шаблон main.css и найдите этот код
.product-view .product-shop .add-to-box .qty-wrap {display: inline-block;float: left;margin-bottom: 20px;}
.product-view .product-shop .add-to-box .qty-wrap .qty-title {display: inline-block;font-weight: bold;margin-right: 20px;}
.product-view .product-shop .add-to-box .qty-wrap .qty-set {display: inline-block;border: 1px solid #e2dfdf;background: #f9f9f9;}
.product-view .product-shop .add-to-box .qty-wrap .qty-set span {display: inline-block;text-align: center;vertical-align: middle;border: 0;width: 30px;}
.product-view .product-shop .add-to-box .qty-wrap .qty-set span:hover {color: #f83a64;cursor: pointer;}
.product-view .product-shop .add-to-box .qty-wrap .qty-set .quantity {display: inline-block;text-align: center;background: #f9f9f9;max-width: 58px;border: 0;border-left: 1px solid #e2dfdf;border-right: 1px solid #e2dfdf;font-size: 18px;height: 38px;padding: 0 5px;}
.product-view .product-shop .add-to-links {display: inline-block;width: 100%;margin: 0;padding: 10px 0;border-top: 1px solid #E2DFDF;border-bottom: 1px solid #E2DFDF;box-shadow: 0 -1px #fff;margin-bottom: 30px;}

и замените его на
.product-view .product-shop .add-to-box .wrap-qty {display: inline-block;float: left;margin-bottom: 20px;}
.product-view .product-shop .add-to-box .wrap-qty .qty-title {display: inline-block;font-weight: bold;margin-right: 20px;}
.product-view .product-shop .add-to-box .wrap-qty .qty-set {display: inline-block;border: 1px solid #e2dfdf;background: #f9f9f9;}
.product-view .product-shop .add-to-box .wrap-qty .qty-set span {display: inline-block;text-align: center;vertical-align: middle;border: 0;width: 30px;}
.product-view .product-shop .add-to-box .wrap-qty .qty-set span:hover {color: #c7081b;cursor: pointer;}
.product-view .product-shop .add-to-box .wrap-qty .qty-set .quantity {display: inline-block;text-align: center;background: #f9f9f9;max-width: 58px;border: 0;border-left: 1px solid #e2dfdf;border-right: 1px solid #e2dfdf;font-size: 18px;height: 38px;padding: 0 5px;}

Далее перейдите в шаблон main.js и найдите и удалите код
// Функция + - для товаров
function quantity() {
//Regulator Up копки + в карточке товара при добавлении в корзину
qty_plus.onclick = function() {
var
quantity = $(this).parent().find('.quantity'),
currentVal = parseInt(quantity.val());
if (!isNaN(currentVal)){
quantity.val(currentVal + 1);
quantity.trigger('keyup');
}
return false;
};
//Regulator Down копки - в карточке товара при добавлении в корзину
qty_minus.onclick = 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;
};
// Если вводят 0 то заменяем на 1
$('.qty-wrap .quantity').change(function(){
if($(this).val() < 1){
$(this).val(1);
}
});
}


Далее в main.js нужно найти код
// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionFormReset').click(function(){
$('#goodsDataOpinionAddBlock').hide('blind');
$('html, body').animate({scrollTop : jQuery('.goodsDataOpinion').offset().top - 60}, 400);
return false;
});
// Иконка для обновления изображение капчи
$('.goodsDataOpinionCaptchaRefresh').click(function(){
RefreshImageAction(this,1,1);
$('.goodsDataOpinionCaptchaImg').attr('src',$('.goodsDataOpinionCaptchaImg').attr('src')+'&rand'+Math.random(0,10000));
return false;
});

И сразу после него добавить этот код
//Regulator Up копки + в карточке товара при добавлении в корзину
$('.qty-plus').click(function(){
console.log('NO')
var
quantity = $(this).parent().find('.quantity'),
currentVal = parseInt(quantity.val());
if (!isNaN(currentVal)){
quantity.val(currentVal + 1);
quantity.trigger('keyup');
}
return false;
});
//Regulator Down копки - в карточке товара при добавлении в корзину
$('.qty-minus').click(function(){
console.log('YSE')
var
quantity = $(this).parent().find('.quantity'),
currentVal = parseInt(quantity.val());
if (!isNaN(currentVal) && !(currentVal <= 1) ){
quantity.val(currentVal - 1);
quantity.trigger('keyup');
}
return false;
});
// Если вводят 0 то заменяем на 1
$('.wrap-qty .quantity').change(function(){
if($(this).val() < 1){
$(this).val(1);
}
});





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных