Форма Быстрого Заказа В Шаблоне Мокко
#101
Отправлено 15 Февраль 2014 - 08:07
#102
Отправлено 18 Февраль 2014 - 14:15
Марина К. (13 Февраль 2014 - 17:53) писал:
Т.е. по большому счету нужно чтобы было изображение и описание товара, ну и оформление не такое размазанное как сейчас
И еще - чтобы при нажатии в корзине на Оформить заказ появлялась форма не из 4 шагов, а все тот же быстрый заказ.
Вот собственно в чем вопрос...
#103
Отправлено 18 Февраль 2014 - 14:39
#104
Отправлено 19 Февраль 2014 - 02:27
Цитата
Добавьте в самый конец вашего шаблона "Корзина" следующий код
<form action="/cart/add" id="order-stage"> <input type="hidden" name="hash" value="{HASH}" /> </form>
после этого в самый конец файла main.js следующий код
$(function() { $('.cartForm').submit(function() { quickorder('#order-stage'); return(false); }); });
#105
Отправлено 19 Февраль 2014 - 07:15
Сake (19 Февраль 2014 - 02:27) писал:
<form action="/cart/add" id="order-stage"> <input type="hidden" name="hash" value="{HASH}" /> </form>
после этого в самый конец файла main.js следующий код
$(function() { $('.cartForm').submit(function() { quickorder('#order-stage'); return(false); }); });
#106
Отправлено 20 Февраль 2014 - 03:24
<table class="cartFormTable"> <thead class="cartFormThead"> <tr> <th colspan="2">Наименование</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"> {cart_items.ORDER_LINE_QUANTITY}{cart_items.GOODS_MOD_MEASURE_NAME} </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> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr> <td class="cell1"> <div class="orderIcon discount"></div> </td> <td class="cell2"> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="cell3"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="cell4 num"> {cart_discount.END_PRICE | money_format} </td> <td class="cell5 num"> {cart_discount.END_PRICE | money_format} </td> </tr> {% ENDIF %} {% ENDFOR %} </tbody> </table>
#107
Отправлено 20 Февраль 2014 - 07:08
1. ужать верхнюю (ту что вы назвали корзиной) до размера основной части заказа.
2. Картинку сделать покрупнее
3. все окно заказа в целом сделать соразмерным его содержимому. Т.е. сейчас окно широкое и почти половина (справа) пустая.
#108
Отправлено 21 Февраль 2014 - 01:07
#nyroModalContent .cartFormTable { margin: 0; } #nyroModalContent .cartFormTbody td { width: auto; }
После в файле main.js найдите
var width = $(window).width() * 0.8; if(width < 800) width = 'auto';
и замените на
var width = 'auto';
Изменить размер изображения вы можете или путем изменения переменной {cart_items.GOODS_IMAGE_ICON} на {cart_items.GOODS_IMAGE_SMALL} в шаблоне "Быстрый заказ" или же путем изменения опции "Максимальный размер по высоте/ширине в пикселях для иконок" в разделе Настройки -> Основные.
#109
Отправлено 21 Февраль 2014 - 14:10
Я так понимаю, что это происходит из-за изменений в файле main.js. Если их не делать, то экран становится на место, по центру, но никаких изменений внутри экрана нет - как было сверху растянуто, так и осталось...
Размер изображения изменила, спасибо.
#110
Отправлено 22 Февраль 2014 - 01:11
var width = 'auto'; $.fn.nyroModalManual({ content: data, gallery: null, resizable: true, autoSizable: true, windowResize: true, width: width, minHeight: 230 });
на следующий
$.fn.nyroModalManual({ content: data, gallery: null, resizable: true, autoSizable: true, windowResize: true, minWidth: 600 minHeight: 230 });
В последствии подогнать ширину окна можно будет опцией minWidth
#111
Отправлено 22 Февраль 2014 - 10:01
Давайте еще раз. Сейчас так (см скрипт) Хотелось бы: чтобы верхняя часть стала соразмерна нижней, стала компактней. При этом чтобы экран заказа остался по центру рабочего окна.
#112
Отправлено 22 Февраль 2014 - 17:02
Марина К. (22 Февраль 2014 - 10:01) писал:
Давайте еще раз. Сейчас так (см скрипт) Хотелось бы: чтобы верхняя часть стала соразмерна нижней, стала компактней. При этом чтобы экран заказа остался по центру рабочего окна.
В коде main.js
$.fn.nyroModalManual({ content: data, gallery: null, resizable: true, autoSizable: true, windowResize: true, width: width, minHeight: 230 });замените
width: widthна
width: 700
и в конец main.css добавьте
#nyroModalContent #quickform #quickDeliveryAddress, #quickform #quickDeliveryComment { width: 100%;}
#113
Отправлено 24 Февраль 2014 - 06:47
Всё o'k, спасибо!
#114
Отправлено 24 Февраль 2014 - 08:19
#115
Отправлено 25 Февраль 2014 - 04:19
http://forum.storela...ик/#entry105628
#116
Отправлено 25 Февраль 2014 - 07:57
Vaccina (25 Февраль 2014 - 04:19) писал:
http://forum.storela...ик/#entry105628
#117
Отправлено 25 Февраль 2014 - 15:53
#118
Отправлено 25 Февраль 2014 - 16:26
Castiel (23 Ноябрь 2013 - 07:42) писал:
Находим
{% IFNOT FORM_NOTICE_IS_GOOD %} <div class="alignCenter"> <a class="exclusive quickform" id="quickform-order">Оформить заказ</a> <a class="exclusive сlose2" id="quickform-close">Продолжить покупки</a> </div> {% ENDIF %}
Перед ним вставляем это
<br> <form action="{CART_URL}" method="post" class="cartForm"> <div> <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"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" /> {cart_items.GOODS_MOD_MEASURE_NAME} </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_WITH_DISCOUNT | money_format}}<br /> {% ENDFOR %} </td> </tr> </table> </td> </tr> </tfoot> </table> {% ENDIF %} </div> </form> <br> <br> <br>
Вы мне дали данную ссылку. У меня нет таких строк в быстром заказе, возможно потому что там Осень, а у меня Мокко
#119
Отправлено 26 Февраль 2014 - 04:07
<table class="cartFormTable"> <thead class="cartFormThead"> <tr> <th colspan="2">Наименование</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"> {cart_items.ORDER_LINE_QUANTITY}{cart_items.GOODS_MOD_MEASURE_NAME} </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> </tr> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <tr> <td class="cell1"> <div class="orderIcon discount"></div> </td> <td class="cell2"> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="cell3"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="cell4 num"> {cart_discount.END_PRICE | money_format} </td> <td class="cell5 num"> {cart_discount.END_PRICE | money_format} </td> </tr> {% ENDIF %} {% ENDFOR %} </tbody> </table>вставить:
<form action="{CART_URL}" method="post" class="cartForm"> <div> <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"> <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" /> {cart_items.GOODS_MOD_MEASURE_NAME} </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_WITH_DISCOUNT | money_format}}<br /> {% ENDFOR %} </td> </tr> </table> </td> </tr> </tfoot> </table> {% ENDIF %} </div> </form>
#120
Отправлено 26 Февраль 2014 - 07:10
Однако выявила следующие ошибки.
1 Если в форме быстрого заказа более одного наименования товара при попытке удалить одно из наименований (нажать на крестик) выбрасывает в корзину (при этом удаляя то, что требовалось). Хотелось бы избежать перехода в корзину
2 В корзине - при добавлении товаров одного наименования более одной штуки не пересчитывает. При нажатии кнопки пересчитать переходит в форму быстрого заказа, при этом количество товаров не увеличивается и стоимость соответственно не умножается, т.е. как был один так и остается (товар с количеством больше одного - "10свинок")
3 В быстром заказе также невозможно изменить количество выбранного товара.
4 хотелось бы убрать значок в быстром заказе рядом с итого (см. скрин)
спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных