Счетчик Кол-Ва Товара
#1
Отправлено 29 Январь 2011 - 22:16
#2
Отправлено 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
Отправлено 31 Январь 2011 - 18:24
#4
Отправлено 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>
Результат получится таким:
#5
Отправлено 04 Февраль 2011 - 21:18
#6
Отправлено 23 Август 2011 - 23:46
#7
Отправлено 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
Отправлено 11 Октябрь 2012 - 14:41
#9
Отправлено 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
Отправлено 12 Октябрь 2012 - 14:07
.goodsDataMainModificationQuantity {font-size:1.0em; font-family:verdana; font-weight:lighter !important; color:#000;}
Текст остался жирным. Почему ?
#11
Отправлено 12 Октябрь 2012 - 20:33
#12
Отправлено 12 Октябрь 2012 - 22:27
Цитата
Попробуйте так
.goodsDataMainModificationQuantity label { font-weight: normal !important; }
Цитата
Можно вставить код перед или после
<a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a>в шаблоне "Товар"
#13
Отправлено 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="Положить «{GOODS_NAME}» в корзину" 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="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" 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="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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
Отправлено 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="Положить «{GOODS_NAME}» в корзину" 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="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" 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="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" 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
#16
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 21 Декабрь 2012 - 01:43
Возможно ли, на странице вывода товаров плиткой (таблицей) и списком также добавить функцию указания кол-ва товаров при покупке (без перехода в корзину):
В виде отображения списком наверное попроще, есть куда вставить такую строчку...но все таки нужна помощь.
А вот в списке отображения плиткой, даже ума не приложу - как сделать так чтобы один товар места больше не занимал, не портилась картина (чтобы коряво не получилось)? Может сделать дополнительное всплывающее окно - типа подтверждение (сначала всплывает окошко с указанием кол-ва товара и кнопкой подвертить что хотите купить, после этого товар добавляется в корзину и второе окошко (стандартное) с выбором ухода в корзину или продолжения покупок)?
Как быть в этих двух случаях?
#20
Отправлено 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="Перейти на страницу «{goods.NAME}»">Подробнее</a>
Данные изменения необходимо проводить в шаблоне "Товары"
(вид список)
<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</a>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных