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


Регулировка Количества Товара Перед Заказом


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 22 Январь 2017 - 17:13

Здравствуйте сделал всё как описано в теме http://forum.storela..._180#entry81666

Просмотр сообщенияVaccina (02 Август 2013 - 02:15) писал:

В шаблоне "Товар" найдите
<li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>
			 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				 <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
				 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 <li><a class="goodsDataCompareButton add whtblue" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Сравнить товар</a></li>
				 <li><a class="goodsDataCompareButton delete whtblue" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a></li>

и вставьте перед данным блоком следующий код
<li class="goodsPageSubmitButtonBlock" style="float: left; width: 53px;">
<label style="display:none;" for="quantity_wanted_t">Количество :</label>
<div class="numeric_input">
	 <input type="text" maxlength="12" title="Количество" value="1" id="quantity_wanted_t" name="form[goods_mod_quantity]" class="text_q pie" style="margin-left: 0px; margin-right: 4px;">
<div style="margin-left: 5px;margin-top: -1px; width:10px;">
		 <input type="button" style="background-color: transparent;" class="addone(1)">
		 <input type="button" onclick="addone(-1)" style="background-color: transparent;" class="down_button">
	 </div>
</div>
</li>

в файл main.js добавьте
function addone(obj, i) {
var input = $(obj).closest('.numeric_input').find('.text_q');
input.val(parseInt(input.val())+i);
if(parseInt(input.val()) <= 0) {
input.val(1);
}
}

В файл стилей main.css добавьте
.goodsDataMainModificationDataBlock .block .right li {
float: left;
}
input.text_q {
border: 1px solid #E8E8E8;
border-radius: 4px 4px 4px 4px;
color: #CC0000;
float: left;
font: bold 12px Verdana,Geneva,sans-serif;
height: 16px;
margin: 2px;
padding: 2px;
position: relative;
text-align: right;
width: 20px;
}
.numeric_input div {
float: left;
width: 20px;
}
.up_button, .down_button {
background-color: #FFFFFF;
background-position: center center;
background-repeat: no-repeat;
border: 0 none;
height: 10px;
width: 10px;
}
.up_button {
background-image: url("{ASSETS_IMAGES_PATH}bg_up.png");
}
.down_button {
background-image: url("{ASSETS_IMAGES_PATH}bg_down.png");
}

Изображения стрелок можете взять из сообщения http://forum.storela...__40#entry44560
Но ничего не выходит

#2 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 26 Январь 2017 - 10:30

Ап

#3 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 06 Февраль 2017 - 16:26

Ап

#4 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 07 Февраль 2017 - 23:06

ап

#5 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 08 Февраль 2017 - 11:25

Просмотр сообщенияIFullHaus (22 Январь 2017 - 17:13) писал:

Здравствуйте сделал всё как описано в теме http://forum.storela..._180#entry81666


Но ничего не выходит
Здравствуйте, если необходимо вставить поле для количества товаров, найдите в шаблоне Товары код
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					  <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
						<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>
					</form>
замените на
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					  <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						  <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>
						<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
						<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>
					</form>

далее найдите в файле main.css
#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
  
замените на
#content .box .tabproduct .buttons { clear:both; height:61px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) -90px -2px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
  
в конец файла main.css добавьте
/* Кнопки выбора количества товара */
  div.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: #73aecc;-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;}
  .cart .qty-plus:hover, .quantity .qty-plus:hover, .cart .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
   /* END Кнопки выбора количества товара */


в конец файла 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;
  });
});


#6 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 08 Февраль 2017 - 23:00

Просмотр сообщенияИрина345 (08 Февраль 2017 - 11:25) писал:

Здравствуйте, если необходимо вставить поле для количества товаров, найдите в шаблоне Товары код
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					 <div>
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					 <a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
					 <a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					 </div>
				 </form>
замените на
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					 <div>
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						 <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>
					 <a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
					 <a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					 </div>
				 </form>

далее найдите в файле main.css
#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

замените на
#content .box .tabproduct .buttons { clear:both; height:61px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png?design=plastic) -90px -2px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

в конец файла main.css добавьте
/* Кнопки выбора количества товара */
div.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: #73aecc;-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;}
.cart .qty-plus:hover, .quantity .qty-plus:hover, .cart .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
/* END Кнопки выбора количества товара */


в конец файла 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;
});
});
Работает, спасибо большое!
Безымянный.png
Есть вопрос, возможно ли сделать так же в карточке самого товара?
вот тут
Безымянный2.png

Тк при смене вида, + и - пропадают

#7 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 08 Февраль 2017 - 23:12

Безымянный3.png
вот тут они пропадают.
И при нажатии кнопок количество не изменяется

#8 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 14 Февраль 2017 - 09:44

Ждём помощи

#9 Stasya

Stasya

    Активный участник

  • Модераторы
  • 4 007 сообщений

Отправлено 14 Февраль 2017 - 15:17

Просмотр сообщенияIFullHaus (08 Февраль 2017 - 23:00) писал:

Работает, спасибо большое!
Прикрепленный файл Безымянный.png
Есть вопрос, возможно ли сделать так же в карточке самого товара?
вот тут
Прикрепленный файл Безымянный2.png

Тк при смене вида, + и - пропадают

Здравствуйте. В шаблоне Товар найдите блок
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				<li class="old goodsDataMainModificationPriceOld">Старая цена: {GOODS_MOD_PRICE_OLD | money_format}</li>
				 {% ENDIF %}
и сразу после него вставьте блок
<li><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></li>

В шаблоне Товары найдите на 224 строке код
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
и сразу после него вставьте блок
<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>
								 <div class="clear"></div>


#10 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 14 Февраль 2017 - 22:41

Спасибо, получилось. попробовал , всё добавляет и считает. Только код был не на 224 а на 217 по моему
Есть один минус, размеры у кнопок разные
Как исправить?

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

  • Безымянный.jpg


#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Февраль 2017 - 07:50

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.qty-minus, .qty-plus {
	cursor: pointer;
	border: 0 none;
	width: 22px;
	height: 22px;
	padding: 2px 7px;
	margin: 0;
	text-align: center;
	background-color: #73aecc;
	-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, .qty-plus {
	cursor: pointer;
	border: 0 none;
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #73aecc;
	-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;
	display: inline-block;
	line-height: 20px;
}


#12 IFullHaus

IFullHaus

    Активный участник

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

Отправлено 15 Февраль 2017 - 08:48

Спасибо.




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

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