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


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


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

#1 Igork

Igork

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

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

Отправлено 29 Январь 2011 - 22:16

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

#2 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 30 Январь 2011 - 20:53

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

Условие подобное есть. Оно позволяет добавлять в корзину сразу несколько одинаковых товаров. Для этого достаточно изменить отображение поля количества товара, в форме добавления товара, с
type="hidden"

на
type="text"

и прописав пару стилей чтобы это поле смотрелось аккуратней.

Укажите шаблон, в котором Вы работаете, я постараюсь подробно рассказать о том как вставить поле именно для него, пока дам общий пример отображения поля количества товара в различных магазинах на нашей платформе:
http://cigland.ru/goods/Ritchy-Vintage
http://silvialingeri.../ML671MAP-опт-1
http://mir-sigaret.r...chy-Vintage-Air

#3 Igork

Igork

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

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

Отправлено 31 Январь 2011 - 18:24

Шаблон Лайт, я не нашел в нем поле "отображение количества товара" в форме товар и товары (

#4 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 03 Февраль 2011 - 16:51

Для лайта можно просто добавить поле количества, изменив текущий код шаблона "Товар" в редакторе тем ("Сайт" -> "Редактор тем") с:
 <td class="goodsDataMainModificationDataBlock">
  <!-- По этому значению производится заказ товара -->
  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
  
  <!-- Цена сейчас --> 
  <span class="goodsDataMainModificationPriceNow" title="Цена сейчас">
	 {GOODS_MOD_PRICE_NOW | money_format}
  </span>
  
  <!-- Старая цена. Отображается если старая цена была больше новой --> 
  <span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
	{% IF 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>
</td>


На:
<td class="goodsDataMainModificationDataBlock">
  <!-- По этому значению производится заказ товара -->
  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
  
  <!-- Цена сейчас --> 
  <span class="goodsDataMainModificationPriceNow" title="Цена сейчас">
	 {GOODS_MOD_PRICE_NOW | money_format}
  </span>
  
  <!-- Старая цена. Отображается если старая цена была больше новой --> 
  <span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
	{% IF 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>
</td>

Результат получится таким:
quantity.jpg

#5 Igork

Igork

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

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

Отправлено 04 Февраль 2011 - 21:18

Спасибо

#6 Ello4ka

Ello4ka

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

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

Отправлено 23 Август 2011 - 23:46

И для сияния, напишите, пожалуйста.

#7 Vaccina

Vaccina

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

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

Отправлено 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> 


#8 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 698 сообщений
  • ГородМосква

Отправлено 11 Октябрь 2012 - 14:41

Для шаблона "мокко" как перенести рамку, что-бы получилось вот так:

#9 Vaccina

Vaccina

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

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

Отправлено 11 Октябрь 2012 - 23:55

Необходимо примерно следующее: Код

<div class="goodsDataMainModificationQuantity" style="float:left;">
	<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> 

вставить в шаблоне "Товар" после

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <div style="padding-bottom:1em;">
						<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
					  </div>
					{% ENDIF %}
				  {% ENDIF %}


#10 Bardin

Bardin

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

  • Пользователи
  • PipPipPipPip
  • 698 сообщений
  • ГородМосква

Отправлено 12 Октябрь 2012 - 14:07

Прописал класс для слова "Количество:"

.goodsDataMainModificationQuantity  {font-size:1.0em; font-family:verdana; font-weight:lighter !important; color:#000;}

Текст остался жирным. Почему ?

#11 Murlo

Murlo

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

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

Отправлено 12 Октябрь 2012 - 20:33

А для пластика подскажите как добавить кнопку количества?

#12 Vaccina

Vaccina

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

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

Отправлено 12 Октябрь 2012 - 22:27

Цитата

Текст остался жирным. Почему ?

Попробуйте так

.goodsDataMainModificationQuantity label {
   font-weight: normal !important;
}

Цитата

А для пластика подскажите как добавить кнопку количества?

Можно вставить код перед или после

<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a>
в шаблоне "Товар"

#13 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 02:15

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

В шаблоне пластик немного коряво получается счетчик добавить, хотя на другом шаблоне (мокко вроде) делал по даннй инструкции и все ок было.

Вот код который получился в шаблоне товар (кусок кода):
<!-- Цена и Кнопки -->
		 <div class="block">
		 <ul class="left fnt12i">
			 <li class="goodsDataMainModificationPriceNow">Цена сейчас: {GOODS_MOD_PRICE_NOW | money_format}</li>
			 <!-- Старая цена -->
			 <!-- Если на товар действует скидка -->
			 {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			 <li class="old goodsDataMainModificationPriceOld">Цена без скидки: {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</li>
			 <!-- Если старая цена была больше новой -->
			 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
			 <li class="old goodsDataMainModificationPriceOld">Старая цена: {GOODS_MOD_PRICE_OLD | money_format}</li>
			 {% ENDIF %}
		 </ul>
					
		 <ul class="right txtalgncnt">
			 <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>
			 {% ENDIF %}
			 {% ENDIF %}
		 </ul>
			
		 <div class="clear"></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>								
		 </div>



Коряво немного.
Как к более привлекательному виду привести:
1. Сделать рамку-поле вокруг цифры (кол-ва)
2. Поднять выше - чтобы кол-во товара распологолась под ценой (поле - Цена сейчас: 699 рублей).
3. Как поменять (где поиграться и под себя подстроить) шрифт и размер данной надписи и поля (я про кол-во товаров)

Спасибо заранее за помощь.

#14 miyako

miyako

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

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

Отправлено 20 Декабрь 2012 - 07:43

Просмотр сообщенияodissei (20 Декабрь 2012 - 02:15) писал:

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

В шаблоне пластик немного коряво получается счетчик добавить, хотя на другом шаблоне (мокко вроде) делал по даннй инструкции и все ок было.

Вот код который получился в шаблоне товар (кусок кода):
<!-- Цена и Кнопки -->
		 <div class="block">
		 <ul class="left fnt12i">
			 <li class="goodsDataMainModificationPriceNow">Цена сейчас: {GOODS_MOD_PRICE_NOW | money_format}</li>
			 <!-- Старая цена -->
			 <!-- Если на товар действует скидка -->
			 {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			 <li class="old goodsDataMainModificationPriceOld">Цена без скидки: {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</li>
			 <!-- Если старая цена была больше новой -->
			 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
			 <li class="old goodsDataMainModificationPriceOld">Старая цена: {GOODS_MOD_PRICE_OLD | money_format}</li>
			 {% ENDIF %}
		 </ul>
					
		 <ul class="right txtalgncnt">
			 <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>
			 {% ENDIF %}
			 {% ENDIF %}
		 </ul>
			
		 <div class="clear"></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>								
		 </div>

Вот как смотрится в итоге:
http://bel-mag.ru/go...д-аккумуляторов

Коряво немного.
Как к более привлекательному виду привести:
1. Сделать рамку-поле вокруг цифры (кол-ва)
2. Поднять выше - чтобы кол-во товара распологолась под ценой (поле - Цена сейчас: 699 рублей).
3. Как поменять (где поиграться и под себя подстроить) шрифт и размер данной надписи и поля (я про кол-во товаров)

Спасибо заранее за помощь.

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и вставляем следующий код:
.goodsDataMainModificationQuantity{ font: italic 12px Verdana, Geneva, sans-serif; margin-top:-35px;margin-bottom:14px; width:170px; } /*расположение поля и шрифт надписи*/
input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;} /*рамка-поле вокруг цифры, шрифт цифры*/


Также вы можете настроить выводимое количество товаров. Все настройки для этого поля можете найти здесь - http://htmlbook.ru/html/input

#15 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 08:18

Спасибо, все работает, но есть один побочный эффект - появилась рамка в поиске:

Без-имени-2.jpg

Это добавление в стилях как-то влияет на форму поиска, может еще на какие формы?
Как исправить?

#16 miyako

miyako

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

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

Отправлено 20 Декабрь 2012 - 08:30

Просмотр сообщенияodissei (20 Декабрь 2012 - 08:18) писал:

Спасибо, все работает, но есть один побочный эффект - появилась рамка в поиске:

Прикрепленный файл Без-имени-2.jpg

Это добавление в стилях как-то влияет на форму поиска, может еще на какие формы?
Как исправить?

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и находим следующий код:
[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}

Заменяем на:
input.text_q{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}


В панели управления магазином, в разделе "Сайт" > "Редактор тем" в шаблоне "Товар" находим следующий код:
<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text" />

и заменяем его на:
<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:43px;" maxlength="12" value="1" title="Количество" class="text_q" />


#17 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 09:11

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и находим следующий код:
[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}

сначала впал вступор, пытаясь найти точно такой код в таблице стилей, потом понял что это касается переменной (или как правильно) text и введения новой переменной text_q...вобщем метод по идее прост - добавляем вид переменной в таблицу стилей, описываем ее и потом используем в шаблонах..наверное так..

в общем большое спасибо, все получилось.

#18 support 2.0

support 2.0

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

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

Отправлено 20 Декабрь 2012 - 10:06

Просмотр сообщенияodissei (20 Декабрь 2012 - 09:11) писал:

В панели управления магазином, в разделе "Сайт" > "Редактор тем" в блоке "Стили и скрипты" находим файл main.csstemplate, открываем его и находим следующий код:
[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}

сначала впал вступор, пытаясь найти точно такой код в таблице стилей, потом понял что это касается переменной (или как правильно) text и введения новой переменной text_q...вобщем метод по идее прост - добавляем вид переменной в таблицу стилей, описываем ее и потом используем в шаблонах..наверное так..

в общем большое спасибо, все получилось.


Единственное - код скопировался с лишними символами. Он должен быть таким:
input.text{border: solid 1px #E8E8E8;padding:2px;font: italic 12px Verdana, Geneva, sans-serif;}

Будьте внимательны!

#19 odissei

odissei

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

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 21 Декабрь 2012 - 01:43

В дополнение темы такой вопрос возник:

Возможно ли, на странице вывода товаров плиткой (таблицей) и списком также добавить функцию указания кол-ва товаров при покупке (без перехода в корзину):


В виде отображения списком наверное попроще, есть куда вставить такую строчку...но все таки нужна помощь.
А вот в списке отображения плиткой, даже ума не приложу - как сделать так чтобы один товар места больше не занимал, не портилась картина (чтобы коряво не получилось)? Может сделать дополнительное всплывающее окно - типа подтверждение (сначала всплывает окошко с указанием кол-ва товара и кнопкой подвертить что хотите купить, после этого товар добавляется в корзину и второе окошко (стандартное) с выбором ухода в корзину или продолжения покупок)?

Как быть в этих двух случаях?

#20 Vaccina

Vaccina

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

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

Отправлено 21 Декабрь 2012 - 02:46

Возможно лучше всего будет заменить кнопки подробнее на форму ввода кол-во товаров в корзину. В любом случае ссылки на страницу товара есть как на изображении, так и на названии товара.

Код поля ввода кол-во товара будет выглядеть так

<input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" />

Код для замены

(вид таблица)
<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>

Данные изменения необходимо проводить в шаблоне "Товары"
(вид список)
<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>





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

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