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


Счетчик Кол-Ва Товара

Автор Igork, 29 янв. 2011 22:16

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

#261 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Сентябрь 2013 - 06:21

На странице "Товары" мы с вами еще не все сделали изменения для аналогичной работы выбора количества, как это сейчас работает на странице товара. Пожалуйста, ожидайте дальнейших инструкций...

#262 a_podarkov

a_podarkov

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

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

Отправлено 08 Сентябрь 2013 - 16:43

Помогите, пожалуйста, вставить красиво счетчик количества с прокруткой.
Я хочу вставить в место, как показано на картинке и слово Количество в стиле слова Цвет.

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

  • 4stor.png

#263 support 2.0

support 2.0

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

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

Отправлено 09 Сентябрь 2013 - 13:52

Просмотр сообщенияa_podarkov (08 Сентябрь 2013 - 16:43) писал:

Помогите, пожалуйста, вставить красиво счетчик количества с прокруткой.
Я хочу вставить в место, как показано на картинке и слово Количество в стиле слова Цвет.

Вам потребуется воспользоваться этими инструкциями: 1, 2, 3. Изменить цвет надписей можно будет уже потом.

#264 a_podarkov

a_podarkov

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

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

Отправлено 09 Сентябрь 2013 - 15:24

Просмотр сообщенияsupport 2.0 (09 Сентябрь 2013 - 13:52) писал:

Вам потребуется воспользоваться этими инструкциями: 1, 2, 3. Изменить цвет надписей можно будет уже потом.

Спасибо! Я сделала, но у меня счетчик встал не в то место.
Я его подвинула с помощью корректировки
.goodsDataMainModificationQuantity{ color: #2f7793; font: bold 12px Verdana, Geneva, sans-serif; margin-left:200px; margin-top:-47px;margin-bottom:14px; width:170px; }
Картинки теперь там, где надо http://ateljepodarko...iy_malenkiy_8-2, но счетчик не работает. Видимо, так просто подвинуть его было нельзя. как теперь исправить?

#265 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2013 - 04:13

Просмотр сообщенияkmt (07 Сентябрь 2013 - 04:32) писал:

Так точно! Со страницы "Товар" вес в корзину отправляется верный.

На странице Товары (Таблица, Список) по прежнему отображается "1"
Прикрепленный файл Товары.html

Просмотр сообщенияVaccina (07 Сентябрь 2013 - 06:21) писал:

На странице "Товары" мы с вами еще не все сделали изменения для аналогичной работы выбора количества, как это сейчас работает на странице товара. Пожалуйста, ожидайте дальнейших инструкций...

Для каталога (шаблон "Товары") вам необходимо в шаблоне "Товары" найти

addone(this, 1)

и заменить на

addone_new(1, this)

далее найти

addone(this, -1)

и заменить на

addone_new(-1, this)

после в файле main.js найти

$(function() {
   if($('.goodsDataMainModificationsBlockProperty .title').length) {
				  $('.goodsDataMainModificationDataBlock .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
				  .change(function() {
								 $('.goodsDataMainModificationsBlockProperty .title').each(function() {
												if($.trim($(this).text()).indexOf('а?аЕб? б?аПаАаКаОаВаКаИ, аКаГ') !== -1) {
												   var block = $(this).closest('.goodsDataMainModificationDataBlock');
												   var input = block.find('#quantity_wanted');
												   var size = parseFloat($.trim($(this).next().find('select').text()).replace(',', '.'));
												   if(!parseInt(input.attr('rel'))) {
																  input.attr('rel', 1);
												   }
												   input.val(((parseInt(input.attr('rel')) * size) + ''));
												}
								 });
				  }).trigger('change');
   }
});

и заменить на

$(function() {
   if($('.goodsDataMainModificationsBlockProperty .title').length) {
	  $('.goodsListForm .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
		 .change(function() {
			$('.goodsDataMainModificationsBlockProperty .title').each(function() {
				 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
					 var block = $(this).closest('.goodsListForm');
					 var input = block.find('input.text_q');
					 var size = parseFloat($.trim($(this).next().text()).replace(',', '.'));
					 if(!parseInt(input.attr('rel'))) {
						  input.attr('rel', 1);
					 }
					 input.val(((parseInt(input.attr('rel')) * size) + ''));
				 }
			});
		 }).trigger('change');
	  $('.goodsDataMainModificationDataBlock .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
		 .change(function() {
			$('.goodsDataMainModificationsBlockProperty .title').each(function() {
				 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
					 var block = $(this).closest('.goodsDataMainModificationDataBlock');
					 var input = block.find('#quantity_wanted');
					 var size = parseFloat($.trim($(this).next().find('select').text()).replace(',', '.'));
					 if(!parseInt(input.attr('rel'))) {
						   input.attr('rel', 1);
					 }
					 input.val(((parseInt(input.attr('rel')) * size) + ''));
				 }
			});
		}).trigger('change');  
   }
});

#266 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2013 - 04:29

Просмотр сообщенияa_podarkov (09 Сентябрь 2013 - 15:24) писал:

Спасибо! Я сделала, но у меня счетчик встал не в то место.
Я его подвинула с помощью корректировки
.goodsDataMainModificationQuantity{ color: #2f7793; font: bold 12px Verdana, Geneva, sans-serif; margin-left:200px; margin-top:-47px;margin-bottom:14px; width:170px; }
Картинки теперь там, где надо http://ateljepodarko...iy_malenkiy_8-2, но счетчик не работает. Видимо, так просто подвинуть его было нельзя. как теперь исправить?

Попробуйте в шаблоне "Товар" найти

this.parentNode.previousSibling.value++

и заменить на

addone(this, 1)

далее найти

this.parentNode.previousSibling.value--

и заменить на

addone(this, -1)

после в файл main.js добавить

function addone(el, i) {
ta1=$(el).closest('.numeric_input').find('input').get(0);
		 ta1.value=parseInt(ta1.value)+i;
if (parseInt(ta1.value) <= 0) { ta1.value=0; }
}

#267 a_podarkov

a_podarkov

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

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

Отправлено 10 Сентябрь 2013 - 07:03

Просмотр сообщенияVaccina (10 Сентябрь 2013 - 04:29) писал:

............

Спасибо! Все работает. Только одна просьба. Помогите еще сделать так, чтоб клиент мог еще и сам вписать цифру количества. Пока это не работает.

PS. Не работает прокрутка в 9 IE. В десятом работает

#268 miyako

miyako

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

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

Отправлено 10 Сентябрь 2013 - 14:33

Просмотр сообщенияa_podarkov (10 Сентябрь 2013 - 07:03) писал:

Спасибо! Все работает. Только одна просьба. Помогите еще сделать так, чтоб клиент мог еще и сам вписать цифру количества. Пока это не работает. PS. Не работает прокрутка в 9 IE. В десятом работает

Не нашла у Вас код в main.js - 
$(function() {
   if($('.goodsDataMainModificationsBlockProperty .title').length) {
		  $('.goodsListForm .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
				 .change(function() {
						$('.goodsDataMainModificationsBlockProperty .title').each(function() {
								 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
										 var block = $(this).closest('.goodsListForm');
										 var input = block.find('input.text_q');
										 var size = parseFloat($.trim($(this).next().text()).replace(',', '.'));
										 if(!parseInt(input.attr('rel'))) {
												  input.attr('rel', 1);
										 }
										 input.val(((parseInt(input.attr('rel')) * size) + ''));
								 }
						});
				 }).trigger('change');
		  $('.goodsDataMainModificationDataBlock .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
				 .change(function() {
						$('.goodsDataMainModificationsBlockProperty .title').each(function() {
								 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
										 var block = $(this).closest('.goodsDataMainModificationDataBlock');
										 var input = block.find('#quantity_wanted');
										 var size = parseFloat($.trim($(this).next().find('select').text()).replace(',', '.'));
										 if(!parseInt(input.attr('rel'))) {
												   input.attr('rel', 1);
										 }
										 input.val(((parseInt(input.attr('rel')) * size) + ''));
								 }
						});
				}).trigger('change'); 
   }
});
из сообщения модератора - http://forum.storela..._260#entry88743

#269 a_podarkov

a_podarkov

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

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

Отправлено 10 Сентябрь 2013 - 17:38

Просмотр сообщенияmiyako (10 Сентябрь 2013 - 14:33) писал:

Не нашла у Вас код в main.js -
$(function() {
if($('.goodsDataMainModificationsBlockProperty .title').length) {
		 $('.goodsListForm .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
				 .change(function() {
					 $('.goodsDataMainModificationsBlockProperty .title').each(function() {
								 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
										 var block = $(this).closest('.goodsListForm');
										 var input = block.find('input.text_q');
										 var size = parseFloat($.trim($(this).next().text()).replace(',', '.'));
										 if(!parseInt(input.attr('rel'))) {
												 input.attr('rel', 1);
										 }
										 input.val(((parseInt(input.attr('rel')) * size) + ''));
								 }
					 });
				 }).trigger('change');
		 $('.goodsDataMainModificationDataBlock .numeric_input [name="form[goods_mod_quantity]"]').attr('rel', 1)
				 .change(function() {
					 $('.goodsDataMainModificationsBlockProperty .title').each(function() {
								 if($.trim($(this).text()).indexOf('Вес упаковки, кг') !== -1) {
										 var block = $(this).closest('.goodsDataMainModificationDataBlock');
										 var input = block.find('#quantity_wanted');
										 var size = parseFloat($.trim($(this).next().find('select').text()).replace(',', '.'));
										 if(!parseInt(input.attr('rel'))) {
												 input.attr('rel', 1);
										 }
										 input.val(((parseInt(input.attr('rel')) * size) + ''));
								 }
					 });
			 }).trigger('change');
}
});
из сообщения модератора - http://forum.storela..._260#entry88743

Я воспользовалась ответом №264 этой темы. Там про эту функцию не было ничего)) Я добавила ее по вашему совету, но ничего не изменилось. Перечитала тему, но столько уже всего написано, что я не пойму, что из этого мне нужно сделать, чтоб можно было вносить кол-во в ручную тоже.
Будьте добры, помогите разобраться!

#270 kmt

kmt

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородКиев

Отправлено 10 Сентябрь 2013 - 22:43

Огромное спасибо, Vaccina!
Всё сделал как Вы написали - отображение минимального веса упаковки в каталоге работает отлично (блоки Таблица и Список).
Аналогично внёс данные изменения и для шаблона "Просмотр акции".

Осталось, правда, пару штрихов сделать, чтобы была, так сказать, "конфетка", а именно:

1) выровнять поле количества относительно центра кнопки "Купить" в шаблоне Товары-Список (опустить на четыре пикселя поле количества и само слово "Количество:", т.к. кнопка "whtgray" шире, и из-за этого смещение).
Так у меня сейчас:
Поле количества выше кнопки Купить.jpg

2) обе стрелки количества переместить направо на два пиксела (относительно поля количества), затем стрелку "bg_up" на один пиксель вниз и стрелку "bg_down" переместить на три пикселя вверх.
Пример, как должно быть, на изображении:
Так переместить стрелки.jpg
... это изменение нужно для всех страниц (Товар, Товары, Просмотр акции)

п.с. Я пробовал сам изменить положение, но получается ещё хуже чем сейчас...

#271 Сake

Сake

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

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

Отправлено 11 Сентябрь 2013 - 03:25

Просмотр сообщенияa_podarkov (10 Сентябрь 2013 - 17:38) писал:

Я воспользовалась ответом №264 этой темы. Там про эту функцию не было ничего)) Я добавила ее по вашему совету, но ничего не изменилось. Перечитала тему, но столько уже всего написано, что я не пойму, что из этого мне нужно сделать, чтоб можно было вносить кол-во в ручную тоже.
Будьте добры, помогите разобраться!

Вам не нужно было делать данных изменений. Вам необходимо в шаблоне "Товар" найти и удалить

onkeydown="this.blur()"

#272 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Сентябрь 2013 - 03:33

Просмотр сообщенияkmt (10 Сентябрь 2013 - 22:43) писал:

Огромное спасибо, Vaccina! Всё сделал как Вы написали - отображение минимального веса упаковки в каталоге работает отлично (блоки Таблица и Список). Аналогично внёс данные изменения и для шаблона "Просмотр акции". Осталось, правда, пару штрихов сделать, чтобы была, так сказать, "конфетка", а именно: 1) выровнять поле количества относительно центра кнопки "Купить" в шаблоне Товары-Список (опустить на четыре пикселя поле количества и само слово "Количество:", т.к. кнопка "whtgray" шире, и из-за этого смещение). Так у меня сейчас: Прикрепленный файл Поле количества выше кнопки Купить.jpg 2) обе стрелки количества переместить направо на два пиксела (относительно поля количества), затем стрелку "bg_up" на один пиксель вниз и стрелку "bg_down" переместить на три пикселя вверх. Пример, как должно быть, на изображении: Прикрепленный файл Так переместить стрелки.jpg ... это изменение нужно для всех страниц (Товар, Товары, Просмотр акции) п.с. Я пробовал сам изменить положение, но получается ещё хуже чем сейчас...

Добавьте в файл стилей main.css

.down_button {
	margin-left: 2px;
	margin-top: -3px;
	position: relative;
	top: -4px;
}
.up_button {
	margin-left: 2px;
	margin-top: 4px;
}
.numeric_input {
	height: 25px;
	margin-top: 5px;
}

#273 Виолетта

Виолетта

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

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

Отправлено 13 Октябрь 2013 - 00:44

Здравствуйте,помогите пожалуйста установить счетчик кол-ва товаров в моем шаблоне.Не получается ничего изменить следуя советам,может это из-за уже внесенных изменений в шаблон. Мне бы хотелось чтобы окошко для ввода количества товара располагалось  слева от кнопки В корзину, сразу после цены. Мой шаблон Пластик, аккаунт SL-189155

#274 miyako

miyako

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

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

Отправлено 13 Октябрь 2013 - 12:35

Просмотр сообщенияВиолетта (13 Октябрь 2013 - 00:44) писал:

Здравствуйте,помогите пожалуйста установить счетчик кол-ва товаров в моем шаблоне.Не получается ничего изменить следуя советам,может это из-за уже внесенных изменений в шаблон. Мне бы хотелось чтобы окошко для ввода количества товара располагалось  слева от кнопки В корзину, сразу после цены. Мой шаблон Пластик, аккаунт SL-189155

Воспользуйтесь веткой - http://forum.storela...-кол-ва-товара/, она подходит для Пластика

#275 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 27 Декабрь 2013 - 10:35

Подскажите, как можно сделать так чтобы в корзине нельзя было менять количество на произвольное , если счетчик привязан к кратности, т.е. если min. = 10 можно было поставить 20, 30...100 , но не 11...

#276 Сake

Сake

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

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

Отправлено 28 Декабрь 2013 - 04:18

Подобный вопрос рассматривался в следующей теме форума http://forum.storela...не/#entry106397

#277 Ярослав 196

Ярослав 196

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

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

Отправлено 23 Апрель 2014 - 03:40

Просмотр сообщенияVaccina (25 Август 2011 - 09:18) писал:

Код будет выглядеть аналогично

<!-- Старая цена -->
<span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</span>

<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
</div>

<div class="goodsDataMainModificationQuantity">
<label for="quantity_wanted">Количество :</label>
<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
Здравствуйте,
поставил этот код в шаблон сияние, теперь перестал товар класться в корзину и исчезла цена товара. Какой все таки код для сияния? 285143 акаунт

#278 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Апрель 2014 - 03:47

для выбора кол-ва товара вам необходим только сл.код:
<div class="goodsDataMainModificationQuantity">
<label for="quantity_wanted">Количество :</label>
<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />
</div>
его можно вставить в шаблон Товар перед кнопкой корзины

#279 MagicTree

MagicTree

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

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

Отправлено 02 Май 2014 - 19:01

Нужна помощь конкретно по моему случаю, если возможно.
Мне надо чтоб была возможность выбора кол-ва, но исключительно кратно 12.
Т.е выпадающий список или что-то вроде него, чтоб можно было выбрать кол-во 12, 24, 36, 48 и т.д.
сайт: http://manysocks.ru/ Аккаунт SL-146899


Скриншот прилагаю:

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

  • изменить цвет в ссылках.jpg

#280 MagicTree

MagicTree

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

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

Отправлено 04 Май 2014 - 16:57

Просмотр сообщенияKarawella (02 Май 2014 - 19:01) писал:

Нужна помощь конкретно по моему случаю, если возможно.
Мне надо чтоб была возможность выбора кол-ва, но исключительно кратно 12.
Т.е выпадающий список или что-то вроде него, чтоб можно было выбрать кол-во 12, 24, 36, 48 и т.д.
сайт: http://manysocks.ru/ Аккаунт SL-146899


Скриншот прилагаю:
Ответьте пожалуйста.
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Каталог товаров
  6. Privacy Policy