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


Изменить Форму Быстрого Заказа

Автор Grownchild, 19 апр. 2017 21:38

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

#1 Grownchild

Grownchild

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

  • Пользователи
  • PipPipPip
  • 104 сообщений
  • ГородНижний Новгород

Отправлено 19 Апрель 2017 - 21:38

Добрый день,
Помогите изменить отображение размещения заказа,
Спасибо

Прикрепленные изображения

  • cart redesign.jpg

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Апрель 2017 - 07:24

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

Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:
<form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post" id="quickform">
<div class="formfast">
	 <input type="hidden" name="hash" value="{HASH}" />
	 <!-- Данные покупателя -->
	 <div class="account">
	 <div class="title-box">
		 <h2 class="title"><span>Форма быстрого оформления заказа</span></h2>
	 </div>
	 <div class="form-list">
		 <div class="fields">
		 <label for="reg_name" class="required">ФИО <em>*</em></label>
		 <div class="input-box">
			 <i class="fa fa-user"></i>
			 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required inputText" type="text"/>
		 </div>
		 </div>
		 <div class="fields">
		 <label for="sites_client_phone" class="required">Телефон для связи <em>*</em></label>
		 <div class="input-box">
			 <i class="fa fa-phone"></i>
			 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required inputText" type="text"/>
		 </div>
		 </div>
		 <div class="fields">
		 <label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	
		 <div class="input-box">
			 <i class="fa fa-envelope"></i>
			 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
		 </div>
		 </div>
		 <!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
		 {% IFNOT CLIENT_IS_LOGIN %}
		 <p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
		 </p>
		 {% ENDIF %}
		 {% ENDIF %}
		
		 <!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
		 {% IFNOT CLIENT_IS_LOGIN %}
			 <div class="contactRegisterNeedElement fields" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
			 <label for="contactPassWord" class="required">Придумайте пароль<em>*</em></label>
			 <div class="input-box">
				 <i class="fa fa-unlock-alt"></i>
				 <input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="inputText {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
			 </div>
			 </div>
			 <div class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
			 {% IFNOT user_agent_ie %}
				 <div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div>
			 {% ENDIF %}
			 <div id="caps_lock">
				 <span class="fa fa-warning"></span><br/>
				 <strong>Caps Lock включен.</strong><br/>
				 <span>Пароль может быть введен неверно.</span>
			 </div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 </div>
	 </div>
	 <!-- Способ доставки-->
	 <div class="delivery">
	 <div class="title-box">
		 <h2 class="title" title="Выберите удобный для вас способ доставки"><span>Cпособ доставки</span></h2>
	 </div>
	 <table class="orderStageDeliveryListTable table-box">
		 {% FOR order_delivery %}
		 <tbody rel="{order_delivery.ID}">
			 <tr {% IF order_delivery.first %}class="first"{% ENDIF %}>
			 <td class="cell1">
				 <input type="radio" id="deliveryId{order_delivery.ID}" name="form[delivery][id]" value="{order_delivery.ID}" class="required deliveryRadio"
				 {% IFNOT ORDER_FORM_DELIVERY_ID %}
					 {% IF order_delivery.first %}
					 checked="checked"
					 {% ENDIF %}
				 {% ELSEIF order_delivery.ID = ORDER_FORM_DELIVERY_ID %}
					 checked="checked"
				 {% ENDIF %}
				 />
			 </td>
			 <td class="cell2">
				 <label for="deliveryId{order_delivery.ID}">{order_delivery.NAME}</label>
				 <p>{order_delivery.DESC}</p>
				 {% IFNOT order_delivery.zone_list_empty %}
				 {% FOR zone_list %}
					 <div class="zones">
						 <!-- Заголовок внутри метода доставки, появляется только один раз-->
						 {% IF order_delivery.zone_list.index=1 %}
						 <label for="deliveryId{order_delivery.ID}" class="zones-header">Зоны доставки</label><br />
						 {% ENDIF %}
						 <input
						 type="radio" class="deliveryZoneRadio inFastOrder" deliveryid="{order_delivery.ID}" id="deliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
						 {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
							 checked="checked" rel="true"
						 {% ENDIF %}
						 />
						 <label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}">
						 {order_delivery.zone_list.NAME}
						 <span class="deliveryZonePrice">{order_delivery.zone_list.END_PRICE | money_format}</span>
						 </label>
					 </div>
				 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 <td class="cell3 pricefield">
				 <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>
			 </tr>
		 </tbody>
		 {% ENDFOR %}
	 </table>
	 </div>
	 <!-- Способ оплаты -->
	 {% FOR order_delivery %}
	 {% IFNOT order_delivery.available_payment_list_empty %}
		 <div class="payment" rel="{order_delivery.ID}" style="display: none;">
		 <div class="title-box">
			 <h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
		 </div>
		 <div class="orderStagePayment">
			 {% FOR available_payment_list %}
			 <div class="orderStagePaymentList">
				 <div class="cell1"><input type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %}{% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></div>
				 <div class="cell2">
				 <label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label><br/>
				 <!-- Сообщение для пользователя -->
				 <span>{order_delivery.available_payment_list.MESSAGE}</span>
				 </div>
			 </div>
			 {% ENDFOR %}
		 </div>
		 </div>
	 {% ENDIF %}
	 {% ENDFOR %}
	 <!-- Адрес доставки-->
	 <div class="adress">
	 <div class="title-box">
		 <h2 class="title" title="Выберите удобный для вас Адрес доставки заказа"><span>Адрес доставки заказа</span></h2>
	 </div>
	 <ul class="form-list">
		 <!-- Если поле страны доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_COUNTRY < 3 %}
		 <li class="fields">
			 {% IFNOT country_list_empty %}
			 <label for="quickDeliveryCountry" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>Страна{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
				 <select id="quickDeliveryCountry" name="form[delivery][country_id]" class="inputText {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}required{% ENDIF %}" style="float: none;">
				 {% FOR country_list %}
					 <option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}>
					 {country_list.NAME}
					 </option>
				 {% ENDFOR %}
				 </select>
			 </div>
			 {% ENDIF %}
		 </li>
		 {% ENDIF %}
		
		 <!-- Если поле области запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %}
		 <li class="fields">
			 <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %}>Область{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/>
			 </div>
		 </li>
		 {% ENDIF %}
		
		 <!-- Если поле города запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_CITY < 3 %}
		 <li class="fields">
			 <label for="quickDeliveryCity" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %}>Город{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="quickDeliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255" />
			 </div>
		 </li>
		 {% ENDIF %}
		
		 <!-- Если поле почтового индекса запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE < 3 %}
		 <li class="fields">
			 <label for="quickDeliveryZipCode" {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}class="required"{% ENDIF %}>Почтовый индекс{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="quickDeliveryZipCode" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" class="inputText digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" maxlength="255" />
			 </div>
		 </li>
		 {% ENDIF %}
		
		 <!-- Если поле даты доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME < 3 %}
		 <li class="fields">
			 <label for="deliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="deliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" />
			 </div>
		 </li>
		 <li class="fields deliveryConvenientDate">
			 <label for="deliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобное время доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <span>c</span>
			 <select class="form-select" 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>
			 <select class="form-select" name="form[delivery][convenient_time_to]">
				 <option></option>
				 {% FOR convenient_time_to_list %}
				 <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
				 {% ENDFOR %}
			 </select>
			 </div>
		 </li>
		 {% ENDIF %}			
		
		 <!-- Если поле адреса доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %}
		 <li class="wide">
			 <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
			 </div>
		 </li>
		 {% ENDIF %}
		
		 <!-- Если поле адреса доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_COMMENT < 3 %}
		 <li class="wide">
			 <label for="quickDeliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <textarea cols="100" rows="5" id="quickDeliveryComment" name="form[delivery][comment]" class="{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_COMMENT}</textarea>
			 </div>
		 </li>
		 {% ENDIF %}
	 </ul>
	 </div>
	
	 <!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	 {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
	 <!-- Если скидки по купонам активированы в панели управления магазином -->
	 {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
		 <div class="coupons">
		 <div class="title-box">
			 <h2 class="title"><span>Купон на скидку</span></h2>
		 </div>
		 <div class="couponBlock">
			 <label for="quick_form_coupon_code">Код купона</label>
			 <div class="input-box">
				 <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" />
			 </div>
		 </div>
		 </div>
	 {% ENDIF %}
	 {% ENDIF %}
	
	 <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	 <button type="submit" class="button" title="Оформить заказ">Оформить заказ</button>
</div>
</form>


замените на:
<form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post" id="quickform">
<div class="formfast">
	 <input type="hidden" name="hash" value="{HASH}" />
	 <!-- Данные покупателя -->
	 <div class="col-md-6 col-sm-6 col-sms-6 col-smb-12">
<div class="account">
	 <div class="title-box">
		 <h2 class="title"><span>Форма оформления заказа</span></h2>
	 </div>
	 <div class="form-list">
		 <div class="fields">
		 <label for="reg_name" class="required">ФИО <em>*</em></label>
		 <div class="input-box">
			 <i class="fa fa-user"></i>
			 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required inputText" type="text"/>
		 </div>
		 </div>
		 <div class="fields">
		 <label for="sites_client_phone" class="required">Телефон для связи <em>*</em></label>
		 <div class="input-box">
			 <i class="fa fa-phone"></i>
			 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required inputText" type="text"/>
		 </div>
		 </div>
<div class="fields">
		 <label for="quickDeliveryCity" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %}>Город {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<em>*</em>{% ENDIF %}</label>
		 <div class="input-box">
			 <i class="fa fa-globe"></i>
			 <input type="text" id="quickDeliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255"/>
		 </div>
		 </div>
<div class="fields">
		 <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
		 <div class="input-box">
			 <i class="fa fa-truck"></i>
			 <input id="quickDeliveryAddress" name="form[delivery][address]" value="{ORDER_FORM_DELIVERY_ADDRESS}" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} inputText" type="text"/>
		 </div>
		 </div>
<div class="fields">
		 <label for="quickDeliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
		 <div class="input-box">
			 <i class="fa fa-commenting-o"></i>
			 <input id="quickDeliveryComment" name="form[delivery][comment]" value="{ORDER_FORM_DELIVERY_COMMENT}" class="{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %} inputText" type="text"/>
		 </div>
		 </div>
		 <div class="fields">
		 <label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label>	
		 <div class="input-box">
			 <i class="fa fa-envelope"></i>
			 <input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email inputText" type="text"/>
		 </div>
		 </div>
		 <!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
		 {% IFNOT CLIENT_IS_LOGIN %}
		 <p class="contactWantRegister">
			 <input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}>
			 <label for="contactWantRegister">Я хочу зарегистрироваться</label>
		 </p>
		 {% ENDIF %}
		 {% ENDIF %}
		
		 <!-- Если в тарифном плане подключен раздел личного кабинета -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
		 {% IFNOT CLIENT_IS_LOGIN %}
			 <div class="contactRegisterNeedElement fields" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
			 <label for="contactPassWord" class="required">Придумайте пароль<em>*</em></label>
			 <div class="input-box">
				 <i class="fa fa-unlock-alt"></i>
				 <input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="inputText {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
			 </div>
			 </div>
			 <div class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
			 {% IFNOT user_agent_ie %}
				 <div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div>
			 {% ENDIF %}
			 <div id="caps_lock">
				 <span class="fa fa-warning"></span><br/>
				 <strong>Caps Lock включен.</strong><br/>
				 <span>Пароль может быть введен неверно.</span>
			 </div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 </div>
	 </div>
</div>

<div class="col-md-6 col-sm-6 col-sms-6 col-smb-12">
	 <!-- Способ доставки-->
	 <div class="delivery">
	 <div class="title-box">
		 <h2 class="title" title="Выберите удобный для вас способ доставки"><span>Cпособ доставки</span></h2>
	 </div>
	 <table class="orderStageDeliveryListTable table-box">
		 {% FOR order_delivery %}
		 <tbody rel="{order_delivery.ID}">
			 <tr {% IF order_delivery.first %}class="first"{% ENDIF %}>
			 <td class="cell1">
				 <input type="radio" id="deliveryId{order_delivery.ID}" name="form[delivery][id]" value="{order_delivery.ID}" class="required deliveryRadio"
				 {% IFNOT ORDER_FORM_DELIVERY_ID %}
					 {% IF order_delivery.first %}
					 checked="checked"
					 {% ENDIF %}
				 {% ELSEIF order_delivery.ID = ORDER_FORM_DELIVERY_ID %}
					 checked="checked"
				 {% ENDIF %}
				 />
			 </td>
			 <td class="cell2">
				 <label for="deliveryId{order_delivery.ID}">{order_delivery.NAME}</label>
				 <p>{order_delivery.DESC}</p>
				 {% IFNOT order_delivery.zone_list_empty %}
				 {% FOR zone_list %}
					 <div class="zones">
						 <!-- Заголовок внутри метода доставки, появляется только один раз-->
						 {% IF order_delivery.zone_list.index=1 %}
						 <label for="deliveryId{order_delivery.ID}" class="zones-header">Зоны доставки</label><br />
						 {% ENDIF %}
						 <input
						 type="radio" class="deliveryZoneRadio inFastOrder" deliveryid="{order_delivery.ID}" id="deliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
						 {% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
							 checked="checked" rel="true"
						 {% ENDIF %}
						 />
						 <label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}">
						 {order_delivery.zone_list.NAME}
						 <span class="deliveryZonePrice">{order_delivery.zone_list.END_PRICE | money_format}</span>
						 </label>
					 </div>
				 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 <td class="cell3 pricefield">
				 <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>
			 </tr>
		 </tbody>
		 {% ENDFOR %}
	 </table>
	 </div>
<div class="clear"></div>
<div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">
<div class="col-md-6 col-sm-6 col-sms-6 col-smb-12">
	 <!-- Способ оплаты -->
	 {% FOR order_delivery %}
	 {% IFNOT order_delivery.available_payment_list_empty %}
		 <div class="payment" rel="{order_delivery.ID}" style="display: none;">
		 <div class="title-box">
			 <h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
		 </div>
		 <div class="orderStagePayment">
			 {% FOR available_payment_list %}
			 <div class="orderStagePaymentList">
				 <div class="cell1"><input type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %}{% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></div>
				 <div class="cell2">
				 <label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label><br/>
				 <!-- Сообщение для пользователя -->
				 <span>{order_delivery.available_payment_list.MESSAGE}</span>
				 </div>
			 </div>
			 {% ENDFOR %}
		 </div>
		 </div>
	 {% ENDIF %}
	 {% ENDFOR %}
</div>
	 <div class="col-md-6 col-sm-6 col-sms-6 col-smb-12">
	 <!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	 {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
	 <!-- Если скидки по купонам активированы в панели управления магазином -->
	 {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
		 <div class="coupons">
		 <div class="title-box">
			 <h2 class="title"><span>Купон на скидку</span></h2>
		 </div>
		 <div class="couponBlock">
			 <label for="quick_form_coupon_code">Код купона</label>
			 <div class="input-box">
				 <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="inputText" />
			 </div>
		 </div>
		 </div>
	 {% ENDIF %}
	 {% ENDIF %}
</div>
</div>
</div>
<div class="clear"></div>
	
	 <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	 <button type="submit" class="button" title="Оформить заказ">Оформить заказ</button>
</div>
</form>

Результат:
123.jpg

#3 Grownchild

Grownchild

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

  • Пользователи
  • PipPipPip
  • 104 сообщений
  • ГородНижний Новгород

Отправлено 20 Апрель 2017 - 09:39

Очень круто, буквально несколько моментов и будет идеально.

1. Центровка "форма заказа"
2. Убрать дублирование названий доставки. Оставить более полное описание.
3. Размер шрифта в цене доставки сделать, как в описании.
4. Сделать ячейки полей доставки по высоте равными ячейкам в 'форме заказа'.
5. Чекбокс у 'способа оплаты' выроанять с чекбоксами 'доставки'
6. Кнопка 'оформить заказ' - всегда подсвечена, а не только при наведении.

Прикрепленные изображения

  • 123.jpg

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Апрель 2017 - 05:45

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#quickform .formfast .title {
margin: 20px 0 10px;
text-align: center;
}

после него пропишите:
#quickform .formfast .account .title {
width: 350px;
}

Далее найдите:
.delivery p {
margin: 0 0 5px 0;
}

замените на:
.delivery tbody:nth-child(1) label, .delivery tbody:nth-child(2) label {
display: none;
}
.delivery p {
margin: 0;
color: #404040;
}

Далее найдите и удалите:
.orderStageDeliveryZonePrice, .orderStageDeliveryDefaultPrice {
font-size: 20px;
}

Далее найдите:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td {
text-align: left;
}

замените на:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td {
text-align: left;
padding: 7.5px 10px 7.5px;
}

Далее найдите:
.adress, .customer, .delivery, .payment, .coupons {
float: left;
width: 100%;
}

после него пропишите:
.payment {
margin: 0 -15px;
}

Далее найдите:
#quickform .formfast .button {
display: block;
margin: 10px auto 20px;
}

замените на:
#quickform .formfast .button {
display: block;
margin: 10px auto 20px;
background-color: #f7c922;
color: #fff;
}

Результат:
123.jpg

#5 Grownchild

Grownchild

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

  • Пользователи
  • PipPipPip
  • 104 сообщений
  • ГородНижний Новгород

Отправлено 21 Апрель 2017 - 08:27

Просто идеально!
Спасибо!

#6 Anatoly

Anatoly

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

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

Отправлено 26 Февраль 2018 - 10:34

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

На будущее хочу узнать как можно форму Быстрого заказа обрезать.
Т.е. оставить только поля Имя, Телефон, Е-mail,  как здесь на скриншоте Screenshot_18.jpg

#7 Дарья Лунева

Дарья Лунева

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

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

Отправлено 16 Апрель 2018 - 16:35

Добрый день,
Мне бы тоже хотелось обрезать форму быстрого заказа. оставить Ваше имя и телефон.
Надо удалить или как?

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Апрель 2018 - 06:41

Просмотр сообщенияAnatoly (26 Февраль 2018 - 10:34) писал:

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

На будущее хочу узнать как можно форму Быстрого заказа обрезать.
Т.е. оставить только поля Имя, Телефон, Е-mail,  как здесь на скриншоте

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

Простите за ожидание, если ваш вопрос еще актуален, то достаточно зайти в раздел Сайт - Редактор шаблонов - main.css - найти:
.adress, .customer, .delivery, .payment, .coupons {float: left;width: 100%;}
.adress {margin-bottom: 15px;}

после него прописать:
.fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}

Просмотр сообщенияДарья Лунева (16 Апрель 2018 - 16:35) писал:

Добрый день,
Мне бы тоже хотелось обрезать форму быстрого заказа. оставить Ваше имя и телефон.
Надо удалить или как?

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

Эта же инструкция подойдет для вашего шаблона.

#9 Anatoly

Anatoly

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

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

Отправлено 17 Апрель 2018 - 08:12

Просмотр сообщенияVaccina (17 Апрель 2018 - 06:41) писал:

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

Простите за ожидание, если ваш вопрос еще актуален, то достаточно зайти в раздел Сайт - Редактор шаблонов - main.css - найти:
.adress, .customer, .delivery, .payment, .coupons {float: left;width: 100%;}
.adress {margin-bottom: 15px;}

после него прописать:
.fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}



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

Эта же инструкция подойдет для вашего шаблона.



Здравствуйте! А если и поле емейл убрать? Оставить только Имя и Телефон.

#10 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 17 Апрель 2018 - 17:37

Просмотр сообщенияAnatoly (17 Апрель 2018 - 08:12) писал:

Здравствуйте! А если и поле емейл убрать? Оставить только Имя и Телефон.

В шаблоне main.css найдите код:
.fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}

Замените на:
.fancybox-wrap .account .form-list .fields:nth-child(3), .fancybox-wrap .account .form-list .contactWantRegister, .fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}

#11 Anatoly

Anatoly

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

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

Отправлено 20 Апрель 2018 - 08:03

Просмотр сообщенияFirefly (17 Апрель 2018 - 17:37) писал:

В шаблоне main.css найдите код:
.fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}

Замените на:
.fancybox-wrap .account .form-list .fields:nth-child(3), .fancybox-wrap .account .form-list .contactWantRegister, .fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none;}


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

Остается способ оплаты, он не нужен. Надо Поле имя и телефон. Все. Screenshot_4.jpg
И выровнять всю форму по середине окна.

#12 Ирина345

Ирина345

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

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

Отправлено 20 Апрель 2018 - 09:16

Просмотр сообщенияAnatoly (20 Апрель 2018 - 08:03) писал:

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

Остается способ оплаты, он не нужен. Надо Поле имя и телефон. Все. Прикрепленный файл Screenshot_4.jpg
И выровнять всю форму по середине окна.
Здравствуйте, инструкция из сообщения выше позволит скрыть все необходимые поля, включая способы оплаты.

#13 Anatoly

Anatoly

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

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

Отправлено 20 Апрель 2018 - 09:19

Просмотр сообщенияИрина345 (20 Апрель 2018 - 09:16) писал:

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

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

Все сделал как написано выше. Но способ оплаты остался.

Посмотрите пожалуйста, я до этого как-то ставил подобную форму, но там проблемы с ней были, на телефоне не работала короткая форма быстрого заказа. Я убрал код. Но может что и забыл убрать.


Если следовать инструкции выше, то сделал как там сказано, поставил код

.fancybox-wrap .account .form-list .fields:nth-child(3), .fancybox-wrap .account .form-list .contactWantRegister, .fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none !important;}

но в конце добавил  !important  , только после этого Способ оплаты скрылся.

Так можно сделать? Все правильно?

#14 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Апрель 2018 - 19:54

Просмотр сообщенияAnatoly (20 Апрель 2018 - 09:19) писал:

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

Все сделал как написано выше. Но способ оплаты остался.

Посмотрите пожалуйста, я до этого как-то ставил подобную форму, но там проблемы с ней были, на телефоне не работала короткая форма быстрого заказа. Я убрал код. Но может что и забыл убрать.


Если следовать инструкции выше, то сделал как там сказано, поставил код

.fancybox-wrap .account .form-list .fields:nth-child(3), .fancybox-wrap .account .form-list .contactWantRegister, .fancybox-wrap .adress, .fancybox-wrap .delivery, .fancybox-wrap .payment, .fancybox-wrap .coupons{display: none !important;}

но в конце добавил  !important  , только после этого Способ оплаты скрылся.

Так можно сделать? Все правильно?

Здравствуйте.
Да, так будет правильно
Обратно в Оформление заказа


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Оформление заказа
  6. Privacy Policy