sanik55 (06 Март 2013 - 13:46) писал:
Счетчик Кол-Ва Товара
#101
Отправлено 06 Март 2013 - 14:39
#102
Отправлено 07 Март 2013 - 06:37
#103
Отправлено 07 Март 2013 - 21:47
onkeydown="this.blur()"
#104
Отправлено 11 Март 2013 - 06:52
А как реализовать автообновление суммы покупки при вводе количества вручную, чтобы не нажимать на "Пересчитать"?
#105
Отправлено 11 Март 2013 - 13:23
Получилось:
кнопки корзина
Хотелось бы, чтобы кнопки встали по назначению, и чтобы у них была общая середина по горизонтали
кнопки товар
Хотелось бы, чтобы у кнопок и у ячейки с цифрами была общая середина по горизонтали и встали они перед кнопкой
"в корзину" , слово количество можно убрать...
кнопки таблица
Хотелось бы добавить кнопку "купить" или значок корзины при этом несколько уменьшить картинки, чтобы это всё размещалось в окошке. И чтобы у кнопок и ячейки была общая середина по горизонтали
Так же сюда хотелось бы добавить артикул товара предлагаемого именно по этой цене не зависимо от наличия других модификаций
кнопки список
Хотелось бы, чтобы ячейка с кнопками встала перед кнопкой купить и чтобы у них была общая середина по горизонтали
Так же сюда хотелось бы добавить артикул товара предлагаемого именно по этой цене не зависимо от наличия других модификаций
Так же хотелось бы сделать везде, чтобы количество можно было вводить вручную, без обращения к кнопкам
nadonenado.com
Сияние
#106
Отправлено 11 Март 2013 - 14:16
sotil (11 Март 2013 - 13:23) писал:
Получилось:
кнопки корзина
Хотелось бы, чтобы кнопки встали по назначению, и чтобы у них была общая середина по горизонтали
кнопки товар
Хотелось бы, чтобы у кнопок и у ячейки с цифрами была общая середина по горизонтали и встали они перед кнопкой
"в корзину" , слово количество можно убрать...
кнопки таблица
Хотелось бы добавить кнопку "купить" или значок корзины при этом несколько уменьшить картинки, чтобы это всё размещалось в окошке. И чтобы у кнопок и ячейки была общая середина по горизонтали
Так же сюда хотелось бы добавить артикул товара предлагаемого именно по этой цене не зависимо от наличия других модификаций
кнопки список
Хотелось бы, чтобы ячейка с кнопками встала перед кнопкой купить и чтобы у них была общая середина по горизонтали
Так же сюда хотелось бы добавить артикул товара предлагаемого именно по этой цене не зависимо от наличия других модификаций
Так же хотелось бы сделать везде, чтобы количество можно было вводить вручную, без обращения к кнопкам
nadonenado.com
Сияние
1.
в файле main.css найдите блок
.cartFormTbody td { padding: 0.66em; vertical-align: middle; background: url( {ASSETS_IMAGES_PATH}grey_dotted.gif) repeat-x scroll 0 100% transparent; }
измените на
.cartFormTbody td { padding: 0.3em; vertical-align: middle; background: url( {ASSETS_IMAGES_PATH}grey_dotted.gif) repeat-x scroll 0 100% transparent; }
далее найдите блок
.numeric_input { margin: auto; position: absolute; width: 100px; height: 20px; }
измените на
.goodsDataMainModificationQuantity { margin-bottom:30px; } .numeric_input { margin: auto; position: absolute; height: 20px; }
2. замените код на этот
<script language="JavaScript"> function addone(i) { ta1=document.getElementById("quantity_wanted"); ta1.value=parseInt(ta1.value)+i; if (parseInt(ta1.value) <= 0) { ta1.value=0; } } </script> <div class="numeric_input"> <input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12" onkeydown="this.blur()"><div style="margin-top: -2px;"> <input type="button" class="up_button" onclick="addone(1)"> <input type="button" class="down_button" onclick="addone(-1)">
и переместите его сразу после
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <a class="goodsDataCompareButton add" {% 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> <a class="goodsDataCompareButton delete" {% 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> {% ENDIF %} {% ENDIF %}
3. в шаблоне Товар, там, где у вас отображение товаров таблице вставьте сразу за кодом
<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>этот
<div><a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить</a></div>и
теперь в отображении товаром списком и таблицей измените строчку
<div class="numeric_input" >на эту
<div class="numeric_input" style="margin-left: 10px;margin-top: 50px;">
#107
Отправлено 11 Март 2013 - 19:25
support 2.0 (11 Март 2013 - 14:16) писал:
в файле main.css найдите блок
.cartFormTbody td { padding: 0.66em; vertical-align: middle; background: url( {ASSETS_IMAGES_PATH}grey_dotted.gif) repeat-x scroll 0 100% transparent; }
измените на
.cartFormTbody td { padding: 0.3em; vertical-align: middle; background: url( {ASSETS_IMAGES_PATH}grey_dotted.gif) repeat-x scroll 0 100% transparent; }
далее найдите блок
.numeric_input { margin: auto; position: absolute; width: 100px; height: 20px; }
измените на
.goodsDataMainModificationQuantity { margin-bottom:30px; } .numeric_input { margin: auto; position: absolute; height: 20px; }
2. замените код на этот
<script language="JavaScript"> function addone(i) { ta1=document.getElementById("quantity_wanted"); ta1.value=parseInt(ta1.value)+i; if (parseInt(ta1.value) <= 0) { ta1.value=0; } } </script> <div class="numeric_input"> <input type="text" class="text_q" name="form[goods_mod_quantity]" id="quantity_wanted" value="1" title="Количество" maxlength="12" onkeydown="this.blur()"><div style="margin-top: -2px;"> <input type="button" class="up_button" onclick="addone(1)"> <input type="button" class="down_button" onclick="addone(-1)">
и переместите его сразу после
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <a class="goodsDataCompareButton add" {% 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> <a class="goodsDataCompareButton delete" {% 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> {% ENDIF %} {% ENDIF %}
3. в шаблоне Товар, там, где у вас отображение товаров таблице вставьте сразу за кодом
<div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>этот
<div><a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить</a></div>и
теперь в отображении товаром списком и таблицей измените строчку
<div class="numeric_input" >на эту
<div class="numeric_input" style="margin-left: 10px;margin-top: 50px;">
Не совсем получилось, и всё же продвижение есть!
Кнопки корзины расположились наоборот, при этом кнопки на нижней позиции управляют количеством верхней позиции
Можно ли сделать , чтоб товар вручную тоже вводился?
И можно ли , чтобы счётчик работал безостановочно , если клик затяжной, положим, через секунду задержки и до конца клика!
Корзина : http://nadonenado.com/cart
#108
Отправлено 11 Март 2013 - 19:40
sotil (11 Март 2013 - 19:25) писал:
Кнопки корзины расположились наоборот, при этом кнопки на нижней позиции управляют количеством верхней позиции
Можно ли сделать , чтоб товар вручную тоже вводился?
И можно ли , чтобы счётчик работал безостановочно , если клик затяжной, положим, через секунду задержки и до конца клика!
Корзина : http://nadonenado.com/cart
найти код
<input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)">заменить на
<input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(-1)">по поводу
Цитата
руками товар вбивать в корзине?
#109
Отправлено 11 Март 2013 - 20:16
однако прибавляется количество , только у первой позиции!
Руками проставлять необходимое количество тоже надо и не только в корзине
И непрерывный счётчик тоже охота!
спасибо!
#110
Отправлено 11 Март 2013 - 20:50
sotil (11 Март 2013 - 20:16) писал:
однако прибавляется количество , только у первой позиции!
Руками проставлять необходимое количество тоже надо и не только в корзине
И непрерывный счётчик тоже охота!
спасибо!
#111
Отправлено 11 Март 2013 - 20:52
<input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(-1)"> </div>
#112
Отправлено 11 Март 2013 - 21:08
#113
Отправлено 11 Март 2013 - 21:30
sotil (11 Март 2013 - 21:08) писал:
<td class="cell3"> <div class="numeric_input" style="position: relative; height: 25px; margin: 0;"> <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()"> <div style="padding-right: 5px;"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)"> </div> <span sytle="padding-top: 3px; display: block;">шт</span> </div> </td>заменить его на ,
<td class="cell3"> <div class="numeric_input" style="position: relative; height: 25px; margin: 0;"> <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()"> <div style="padding-right: 5px;"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)"> </div> <span sytle="padding-top: 3px; display: block;">шт</span> </div> </td>
#114
Отправлено 11 Март 2013 - 21:47
Mikola (11 Март 2013 - 21:30) писал:
<td class="cell3"> <div class="numeric_input" style="position: relative; height: 25px; margin: 0;"> <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()"> <div style="padding-right: 5px;"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)"> </div> <span sytle="padding-top: 3px; display: block;">шт</span> </div> </td>заменить его на ,
<td class="cell3"> <div class="numeric_input" style="position: relative; height: 25px; margin: 0;"> <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()"> <div style="padding-right: 5px;"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(-1)"> </div> <span sytle="padding-top: 3px; display: block;">шт</span> </div> </td>
Не получается
Корзина:
<script language="JavaScript"> function addone(i) { ta1=document.getElementById("quantity_wanted"); ta1.value=parseInt(ta1.value)+i; if (parseInt(ta1.value) <= 1) { ta1.value=1; } } </script> <div class="page-headline"> <h1>Корзина</h1> </div> <div class="pad-box"> <!-- Строка пути --> <div id="site-path"> <p> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">Корзина</span> </p> </div> <!-- end Строка пути --> <form action="{CART_URL}" method="post" class="cartForm"> <div> {% IF FORM_NOTICE %}<h5 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h5>{% ENDIF %} {% IF cart_items_empty %} <div class="cartFormEmpty"> <h3>Ваша корзина пуста</h3><br /> Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}">каталога</a>. </div> {% ELSE %} <input type="hidden" name="hash" value="{HASH}" /> <table class="cartFormTable"> <thead class="cartFormThead"> <tr> <th colspan="2">Наименование</th> <th>Кол-во</th> <th>Цена</th> <th>Общая сумма</th> <th>Удалить</th> </tr> </thead> <tbody class="cartFormTbody"> {% FOR cart_items %} <tr> <td class="cell1"> <a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a> </td> <td class="cell2"> <a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader"> {cart_items.GOODS_NAME} <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара --> {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </a> <!-- Путь к категории, из которой заказали товара --> <div class="cartFormTbodyNavigate"> <a href="http://{NET_DOMAIN}/">Главная</a> {% FOR catalog_path %} » <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a> {% ENDFOR %} </div> </td> <td class="cell3"> <div class="numeric_input" style="position: relative; height: 25px; margin: 0;"> <input style="margin-right: 3px; text-align: right; width: 20px;" type="text" class="text_q" name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" id="quantity_wanted" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество" maxlength="12" onkeydown="this.blur()"> <div style="padding-right: 5px;"> <input style="background-color: transparent; width: 10px;" type="button" class="up_button" onclick="addone(1)"> <input style="background-color: transparent; width: 10px;" type="button" class="down_button" onclick="addone(-1)"> </div> <span sytle="padding-top: 3px; display: block;">шт</span> </div> </td> <td class="cell4 num"> {cart_items.GOODS_MOD_PRICE_NOW | money_format} </td> <td class="cell5 num"> {cart_items.ORDER_LINE_PRICE_NOW | money_format} </td> <td class="cell6"> <a href="{cart_items.ORDER_LINE_DELETE_URL}"><img src="{ASSETS_IMAGES_PATH}cartDelete.png" /></a> </td> </tr> {% ENDFOR %} </tbody> <tfoot class="cartFormTfoot"> <tr> <td colspan="2" class="cartFormTfootTruncate"><a href="{CART_TRUNCATE_URL}" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a></td> <td colspan="4" class="cartFormTfootSum"> <table class="cartFormTfootSumTable"> <tr> <td class="cell1">Итого: </td> <td class="cell2"> {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} </td> </tr> </table> </td> </tr> <tr> <td colspan="6" class="cartFormTfootButtons"><br /><input class="more-link onlybutton" type="submit" value="Пересчитать"> <input class="more-link" type="submit" name="next_step" value="Оформить заказ"></td> </tr> </tfoot> </table> {% ENDIF %} </div> </form> </div>
#115
Отправлено 11 Март 2013 - 23:12
sanik55 (11 Март 2013 - 06:52) писал:
А как реализовать автообновление суммы покупки при вводе количества вручную, чтобы не нажимать на "Пересчитать"?
Замените
onkeydown="this.blur()"
на
onkeyup="$(this).closest('form').submit();"
Цитата
Руками проставлять необходимое количество тоже надо и не только в корзине
Почитайте данную тему, в ней описывались данные вопросы.
Например
http://forum.storela..._100#entry49942
http://forum.storela...__80#entry46647
#116
Отправлено 12 Март 2013 - 07:58
Vaccina (23 Февраль 2013 - 07:44) писал:
class"up_button" onclick=addone(-1) class="down_button" onclick="addone(1)"
на
class"up_button" onclick=addone(1, this) class="down_button" onclick="addone(-1, this)"
далее найдите
<script language="JavaScript"> function addone(i) { ta1=document.getElementById("quantity_wanted"); ta1.value=parseInt(ta1.value)+i; if (parseInt(ta1.value) <= 1) { ta1.value=1; } } </script>
и замените на
<script language="JavaScript"> function addone(i, $this) { ta1=$($this).closest('.numeric_input').find('input[type="text"]').get(0); ta1.value=parseInt(ta1.value)+i; if (parseInt(ta1.value) <= 1) { ta1.value=1; } } </script>
У меня вот такие встали блоки
class="up_button" onclick="addone(1, this)"> class="down_button" onclick="addone(-1, this)">Чуть подправленные
Спасибо! с корзиной получилось, остались остальные- таблица, список, товар...
А можно ли сделать непрерывный счётчик, зависящий от продолжительности клика?
Спасибо!
#118
Отправлено 12 Март 2013 - 09:59
a.readmore { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url(http://design.nadonenado.com/read_more2.png) no-repeat left top; height: 30px; width: 135px; padding-left: 16px; display: block; }и замените его на
a.readmore { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url(http://design.nadonenado.com/read_more2.png) no-repeat left top; height: 30px; width: 135px; padding-left: 16px; display: block; margin-left: 67px; }Меняйте значение margin-left: 67px; на свое усмотрение.
Так же Вы можете подвинуть стрелочки для изменения количества товара( на мой взгляд они слишком близко). В том же файле найдите блок
.numeric_input div { float: left; width: 10px; margin-top: 2px; }и замените его на
.numeric_input div { float: left; width: 10px; margin-top: 2px; margin-left: 3px; }
#119
Отправлено 12 Март 2013 - 10:17
Stasya (12 Март 2013 - 09:59) писал:
a.readmore { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url(http://design.nadonenado.com/read_more2.png) no-repeat left top; height: 30px; width: 135px; padding-left: 16px; display: block; }и замените его на
a.readmore { font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #666; text-decoration: none; background: url(http://design.nadonenado.com/read_more2.png) no-repeat left top; height: 30px; width: 135px; padding-left: 16px; display: block; margin-left: 67px; }Меняйте значение margin-left: 67px; на свое усмотрение.
Так же Вы можете подвинуть стрелочки для изменения количества товара( на мой взгляд они слишком близко). В том же файле найдите блок
.numeric_input div { float: left; width: 10px; margin-top: 2px; }и замените его на
.numeric_input div { float: left; width: 10px; margin-top: 2px; margin-left: 3px; }
Спасибо!
Как можно сделать 1,чтобы в минус не начисляло
2,чтобы можно было вручную количество вводить тоже
3,чтобы счётчик мог работать непрерывно в зависимости от протяжённости клика!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных