Движение Изменения Формы Быстрого Заказа
#1
Отправлено 08 Октябрь 2016 - 16:59
Необходимо, чтобы маленькие окошки располагались в ряд, причем их число чтоб зависело от размера монитора пользователя, то есть от 1 до 3.
2. По новому прописать цену доставки - прилепить ее к названию доставки. Жирным. Окончание руб.
3. Переставить кнопку в центр.
4. Вместо надписи вставить таблицу из Корзины.
Спасибо.
#2
Отправлено 08 Октябрь 2016 - 18:03
ogonek7777 (08 Октябрь 2016 - 16:59) писал:
Необходимо, чтобы маленькие окошки располагались в ряд, причем их число чтоб зависело от размера монитора пользователя, то есть от 1 до 3.
2. По новому прописать цену доставки - прилепить ее к названию доставки. Жирным. Окончание руб.
3. Переставить кнопку в центр.
4. Вместо надписи вставить таблицу из Корзины.
Спасибо.
.orderStageDeliveryListTable td:nth-child(3) { visibility: hidden; } .orderStageDeliveryListTable td:nth-child(2) { width: 95%; } .orderStageDeliveryListTable td:nth-child(2) .htmlDataBlock { max-width: 60%; margin: auto; } #quickform .buttons-set button { float: none!important; } .center { text-align: center; } #quickform .form-list li { display: inline-block; }затем в шаблоне Быстрый заказ замените
<h2>Форма быстрого оформления заказа</h2> </div> <div class="contentContainer">на
<h2>Форма быстрого оформления заказа</h2> </div> <div class="contentContainer center">
#3
Отправлено 13 Октябрь 2016 - 15:35
Alekseys (08 Октябрь 2016 - 18:03) писал:
.orderStageDeliveryListTable td:nth-child(3) { visibility: hidden; } .orderStageDeliveryListTable td:nth-child(2) { width: 95%; } .orderStageDeliveryListTable td:nth-child(2) .htmlDataBlock { max-width: 60%; margin: auto; } #quickform .buttons-set button { float: none!important; } .center { text-align: center; } #quickform .form-list li { display: inline-block; }затем в шаблоне Быстрый заказ замените
<h2>Форма быстрого оформления заказа</h2> </div> <div class="contentContainer">на
<h2>Форма быстрого оформления заказа</h2> </div> <div class="contentContainer center">
#4
Отправлено 14 Октябрь 2016 - 16:41
ogonek7777 (13 Октябрь 2016 - 15:35) писал:
1) В шаблоне Быстрый заказ найдите блок
<p><label for="reg_name" class="required">ФИО*</label></p> <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/> <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/> <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p> <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>и замените его на
<div> <p><label for="reg_name" class="required">ФИО*</label></p> <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/> </div> <div> <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/> </div> <div> <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p> <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/> </div>
В конец файла .css добавьте блок
li.fields { display: inline-block; margin-right: 86px; } .contentContainer div { display: inline-block; margin-right: 20px; }2) В шаблоне Быстрый заказ Найдите блок
<td class="cell2" width="60%"> <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label> {% IF order_delivery.DESC %} <div class="htmlDataBlock">{order_delivery.DESC}</div> {% ENDIF %} </td> <td class="cell3 price"> <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span> <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span> </td>и замените его на
<td class="cell2" width="60%"> <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label> <span class="price"> <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE} руб.</span> <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE} руб.</span> </span> {% IF order_delivery.DESC %} <div class="htmlDataBlock">{order_delivery.DESC}</div> {% ENDIF %} </td>
В конец файла main.css добавьте блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num { font-weight: bold; }
3) В конец файла main.css добавьте блок
.buttons-set { text-align: center; }В шаблоне Быстрый заказ найдите строку
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ" style="float: left">Оформить заказ</button>и замените ее на
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ">Оформить заказ</button>
4) Если я Вас правильно поняла, то это уже реализовано на Вашем сайте.
#5
Отправлено 16 Октябрь 2016 - 17:16
Stasya (14 Октябрь 2016 - 16:41) писал:
<p><label for="reg_name" class="required">ФИО*</label></p> <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/> <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/> <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p> <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>и замените его на
<div> <p><label for="reg_name" class="required">ФИО*</label></p> <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/> </div> <div> <p><label for="contactEmail" class="required">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %}</label></p> <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/> </div> <div> <p><label for="sites_client_phone" class="required">Телефон для связи*</label></p> <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/> </div>
В конец файла .css добавьте блок
li.fields { display: inline-block; margin-right: 86px; } .contentContainer div { display: inline-block; margin-right: 20px; }2) В шаблоне Быстрый заказ Найдите блок
<td class="cell2" width="60%"> <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label> {% IF order_delivery.DESC %} <div class="htmlDataBlock">{order_delivery.DESC}</div> {% ENDIF %} </td> <td class="cell3 price"> <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span> <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span> </td>и замените его на
<td class="cell2" width="60%"> <label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label> <span class="price"> <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE} руб.</span> <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE} руб.</span> </span> {% IF order_delivery.DESC %} <div class="htmlDataBlock">{order_delivery.DESC}</div> {% ENDIF %} </td>
В конец файла main.css добавьте блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num { font-weight: bold; }
3) В конец файла main.css добавьте блок
.buttons-set { text-align: center; }В шаблоне Быстрый заказ найдите строку
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ" style="float: left">Оформить заказ</button>и замените ее на
<button type="submit" class="buy_button" onclick="yaCounter16390948.reachGoal('bistry zakaz'); return true;" title="Оформить заказ">Оформить заказ</button>
4) Если я Вас правильно поняла, то это уже реализовано на Вашем сайте.
4. Корзина на данный момент в быстром заказе просто вставлена, код в ней не функционален, кнопочки удалить, плюс, минус не работают. Требуется доработка.
#6
Отправлено 16 Октябрь 2016 - 17:38
Стало выглядеть лучше,
а. как сделать тире перед ценой доставки и выделить жирным?
б. Как уменьшить поля адрес доставки и комментарий, чтобы они помещались на одну строку?
в. Как поднять кверху названия "адрес доставки" и "комментарий"?,
спасибо
#7
Отправлено 17 Октябрь 2016 - 14:04
#8
Отправлено 17 Октябрь 2016 - 14:33
ogonek7777 (16 Октябрь 2016 - 17:38) писал:
Стало выглядеть лучше,
а. как сделать тире перед ценой доставки и выделить жирным?
б. Как уменьшить поля адрес доставки и комментарий, чтобы они помещались на одну строку?
в. Как поднять кверху названия "адрес доставки" и "комментарий"?,
спасибо
1) Не совсем Вас поняла по поводу 1-го пункта.
а) Вам необходимо в конец файла style.css добавить блок
span.orderStageDeliveryDefaultPrice .num, .orderStageDeliveryZonePrice .num { font-weight: bold; }
Далее в шаблоне Быстрый заказ найдите строку
<label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>и замените ее на
<label style="font-size: 14px;font-weight: bold" for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME} - </label>
б) В конец файла style.css добавьте блок
li.wide { width: 45%; display: inline-block; margin-right: 26px; } textarea#quickDeliveryAddress, #quickDeliveryComment { display: block; width: 100%; }
в) Не совсем понятно куда нужно поднять названия. Уточните, пожалуйста, этот вопрос.
#9
Отправлено 19 Октябрь 2016 - 18:20
как уменьшить длину этих двух окошек?
Спасибо!
И еще, я так и не получила ответ, как прикрутить все необходимые стили в перенесенную корзину (шрифт), и чтоб там заработали крестик Удалить, плюс и минус. А то сейчас перекидывает в стандартную корзину.
Спасибо!
#10
Отправлено 21 Октябрь 2016 - 11:32
ogonek7777 (19 Октябрь 2016 - 18:20) писал:
2016-10-19_18-07-55.png
как уменьшить длину этих двух окошек?
Спасибо!
И еще, я так и не получила ответ, как прикрутить все необходимые стили в перенесенную корзину (шрифт), и чтоб там заработали крестик Удалить, плюс и минус. А то сейчас перекидывает в стандартную корзину.
Спасибо!
<span class="select-box"> <select style="width:95px;margin-right:3px;float: none;" name="form[delivery][convenient_time_from]"> <option></option> {% FOR convenient_time_from_list %} <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option> {% ENDFOR %} </select> </span> до <span class="select-box"> <select style="width:95px;float: none;" name="form[delivery][convenient_time_to]">
где измените значение 95, что бы изменить ширину необходимого блока.
Из формы быстрого заказа, к сожалению нельзя удалять товар и изменять количество, можно удалить кнопку "крестик" и закрыть к изменению поле количество товара, что бы покупателя ни чего не смущало.
Найдите в шаблоне Быстрый заказ код
<tr> <td></td> <td class="image">Фото</td>замените на
<tr> <td class="image">Фото</td>
далее найдите код
<tr class="item" id="{cart_items.GOODS_ID}" data-mod-id="{cart_items.GOODS_MOD_ID}"> <td class="close-block"> <a class="close" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию">×</a><br /> </td> <td width="80"><div class="goods-image-icon-square"><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?design=movement{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>замените на
<tr class="item" id="{cart_items.GOODS_ID}" data-mod-id="{cart_items.GOODS_MOD_ID}"> <td width="80"><div class="goods-image-icon-square"><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?design=movement{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
далее найдите код
<td width="100"> <div class="qty-button-down"> <a href="#" class="qty-down">-</a> </div> <input type="text" name="form[quantity][{cart_items.GOODS_MOD_ID}]" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" value="{cart_items.ORDER_LINE_QUANTITY}" class="input-text qty" size="4" maxlength="12"/> <div class="qty-button-up"> <a href="#" class="qty-up">+</a> </div> <div class="clear"></div> </td>
замените на
<td width="100"> <input type="text" name="form[quantity][{cart_items.GOODS_MOD_ID}]" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" disable="disable" value="{cart_items.ORDER_LINE_QUANTITY}" class="input-text qty" size="4" maxlength="12"/> <div class="clear"></div> </td>
#11
Отправлено 21 Октябрь 2016 - 14:49
#12
Отправлено 05 Ноябрь 2016 - 15:19
#13
Отправлено 09 Ноябрь 2016 - 17:17
ogonek7777 (21 Октябрь 2016 - 14:49) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных