Кнопка "заказ В 1 Клик" Рядом С Кнопкой "корзина"

Вадим463 (09 Май 2013 - 15:34) писал:

// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
		 content: data,
		 gallery: null,
		 resizable: true,
		 autoSizable: true,
		 windowResize: true,
		 width: width,
		 minHeight: 230
});
}
});
return false;
}

<!-- Скрипты магазина -->

<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<script src="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.pack.js"></script>

<a class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />

<a class="more-link" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Быстрый заказ</a><br /><br />

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <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}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
		 </form>

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="readmore" onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
			 </p>
		 </form>

MIsha114 (09 Май 2013 - 15:47) писал:

// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
		 content: data,
		 gallery: null,
		 resizable: true,
		 autoSizable: true,
		 windowResize: true,
		 width: width,
		 minHeight: 230
});
}
});
return false;
}

  <li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

  <li class="goodsPageSubmitButtonBlock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><a class="whtblue" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				  <div>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
					<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				  </div>
				</form>

<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				  <div>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить сейчас</a>
					 <a class="whtgray"  onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}');return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Быстрый заказ</a>
					<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				  </div>
				</form>

Вадим463 (09 Май 2013 - 16:50) писал:

MIsha114 (09 Май 2013 - 17:55) писал:

Вадим463 (10 Май 2013 - 15:23) писал:

Вадим463 (10 Май 2013 - 20:57) писал:

MIsha114 (10 Май 2013 - 21:01) писал:

круто! Спасибо! Только вот нужна еще помощь! заменить форму заказа на приведеннцю ниже!


Заранее благодарен!

<br> <br>{% IF FORM_NOTICE %}<ul class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}"><li>{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}
{% IF cart_count_empty %}
<h2 class="alignCenter">Ваша корзина пуста, Пожалуйста выберите другой товар для оформления заказа</h2>
{% ELSE %}
<style>
#quickform label {margin-top:0.7em;}
#quickform .control {margin-top:0.5em;}
#quickform .control label {margin-top:0;line-height: 18px;}
#quickform .orderStageDeliveryListTable label,
#quickform .orderStagePaymentListTable label {margin-top:0;}
#quickform .showPassBlock {margin-top:0.2em;}
</style>
<form action="{ORDER_STAGE_CONFIRM_URL}" method="post" id="quickform">
<div style="padding:0 0.5em;">
<input type="hidden" name="hash" value="{HASH}" />
<div class="page-headline"> <h1>Оформление заказа</h1> </div>
<div style="margin:0;padding:0 0 1em 0">
	 <label for="reg_name" class="required" style="margin-right: 24px;">ФИО*</label>
	 <input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
	 <br> <br>
	 <label for="contactEmail" class="required" style="margin-right: 20px;">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %} </label>	
	 <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"/>
	 <br> <br>
	 <label for="sites_client_phone" class="required">Телефон*</label>
	 <input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
		
	 <br />

	 <!-- Если в тарифном плане подключен раздел личного кабинета -->
	 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
	 {% IFNOT CLIENT_IS_LOGIN %}
		 <div class="control">
		 <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>
		 </div>
	 {% ENDIF %}
	 {% ENDIF %}
		
	 <!-- Если в тарифном плане подключен раздел личного кабинета -->
	 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
	 {% IFNOT CLIENT_IS_LOGIN %}
		 <div class="fieldset contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
		 <label for="contactPassWord" class="required">Придумайте пароль*</label>
		 <input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="input-text {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}"
			 onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
		 {% IFNOT user_agent_ie %}
			 <div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div>
		 {% ENDIF %}

		 <div class="alignCenter" style="display:none;width:214px;padding-top:10px;" id="caps_lock">
			 <img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br />
			 <strong class="black">Caps Lock включен.</strong><br />
			 Пароль может быть введен неверно.
		 </div>

		 <div class="clear"></div>
		 </div>
	 {% ENDIF %}
	 {% ENDIF %}
</div>
<div class="fieldset" style="display:none;">
	 <h2 class="legend" title="Выберите удобный для вас способ доставки">Cпособ доставки</h2>
<table class="orderStageDeliveryListTable basket" style="max-width: 775px;">
	 {% FOR order_delivery %}
	 <tbody rel="{order_delivery.ID}">
	 <tr {% IF order_delivery.first %}class="first"{% ENDIF %}>
	 <td class="cell1" width="5%">
		 <input type="radio" id="quickDeliveryIdMain{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" width="60%">
		 <label for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
			 {% IF order_delivery.DESC %}
			 <p>{order_delivery.DESC}</p>
			 {% 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>
	 </tr>
		 {% IFNOT order_delivery.zone_list_empty %}
		 {% FOR zone_list %}
		 <tr class="zones">
			 <td></td>
			 <td>
			 <!-- Заголовок внутри метода доставки, появляется только один раз-->
			 {% IF order_delivery.zone_list.index=1 %}
				 <label for="quickDeliveryIdMain{order_delivery.ID}" class="zones-header">Зоны доставки</label>
			 {% ENDIF %}
			 <input
				 type="radio" class="deliveryZoneRadio" deliveryid="{order_delivery.ID}" id="quickDeliveryZoneId{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="quickDeliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
				 {order_delivery.zone_list.NAME}
				 <span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span>
			 </label>
			 </td>
			 <td></td>
		 </tr>
		 {% ENDFOR %}
		 {% ENDIF %}
	 </tbody>
	 {% ENDFOR %}
	 </table>
		
	 {% FOR order_delivery %}
	 {% IFNOT order_delivery.available_payment_list_empty %}
		 <div class="quick_order_payment fieldset" rel="{order_delivery.ID}" style="display: none;">
		 <h2 class="legend" title="Выберите удобный для вас способ оплаты заказа">Cпособ оплаты</h2>
		 <table class="orderStagePaymentListTable basket" style="max-width: 775px;">
			
			 {% FOR available_payment_list %}
			 <tr>
				 <td class="cell1" width="5%"><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 %}/></td>
				 <td class="cell2" width="95%">
				 <label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label>
				 <!-- Сообщение для пользователя -->
				 {order_delivery.available_payment_list.MESSAGE}
				 </td>
			 </tr>
			 {% ENDFOR %}
		 </table>
		 </div>
	 {% ENDIF %}
	 {% ENDFOR %}
</div>
<div class="fieldset">
	 <h2 class="legend"
	 {% IFNOT SETTINGS_ORDER_FIELDS_COUNTRY<3 %}
	 {% IFNOT SETTINGS_ORDER_FIELDS_COUNTRY<3 %}
		 {% IFNOT SETTINGS_ORDER_FIELDS_REGION<3 %}
		 {% IFNOT SETTINGS_ORDER_FIELDS_CITY<3 %}
			 {% IFNOT SETTINGS_ORDER_FIELDS_ZIP_CODE<3 %}
			 {% IFNOT SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
				 style="display:none;"
			 {% ENDIF %}
			 {% ENDIF %}
		 {% ENDIF %}
		 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}>Адрес доставки заказа</h2>
	 <ul class="form-list">
	 <!-- Если поле страны доставки запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_COUNTRY<3 %}
		 <li class="fields">
		 {% IFNOT country_list_empty %}
			 <div class="field">
			 <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]" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="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>
			 </div>
		 {% ENDIF %}
		 </li>
	 {% ENDIF %}

	 <!-- Если поле области запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_REGION<3 %}
		 <li class="fields">
		 <div class="field">
			 <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="input-text {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/>
			 </div>
		 </div>
		 </li>
	 {% ENDIF %}
	 <!-- Если поле города запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_CITY<3 %}
		 <li class="fields">
		 <div class="field">
			 <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="input-text {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255" />
			 </div>
		 </div>
		 </li>
	 {% ENDIF %}
	 <!-- Если поле почтового индекса запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE<3 %}
		 <li class="fields">
		 <div class="field">
			 <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="input-text digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" maxlength="255" />
			 </div>
		 </div>
		 </li>
	 {% ENDIF %}
	
	 <!-- Если поле даты доставки запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME<3 %}
		 <li class="fields">
		 <div class="field">
			 <label for="quickDeliveryConvenientDate" {% 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="quickDeliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="input-text {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" />
			 </div>
		 </div>
		 </li>
		 <li class="fields">
		 <div class="field">
			 <label for="quickDeliveryConvenientDate" {% 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">
			 c
			 <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>
			 до
			 <select style="width:95px;float: none;" 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>
		 </div>
		 </li>
	 {% ENDIF %}			
	
	 <!-- Если поле адреса доставки запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
		 <li class="wide">
		 <div class="clear"></div>
		 <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]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
		 </div>
		 </li>
	 {% ENDIF %}
	
	 <!-- Если поле адреса доставки запрашивается -->
	 {% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
		 <li class="wide">
		 <div class="clear"></div>
		 <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]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>
		 </div>
		 </li>
	 {% ENDIF %}
	 </ul>
</div>
	
<!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
{% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
	 <!-- Если скидки по купонам активированы в панели управления магазином -->
	 {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
	 <div class="fieldset" style="margin-top: 8px;">
		 <h2 class="legend">Купон на скидку, если имеется</h2>
		 <ul class="form-list">
		 <li>
			 <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="input-text" />
			 </div>
		 <li>
		 </ul>
	 </div>
	 {% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	
<div class="buttons-set">
	 <button type="submit" class="submit zakaz" title="Оформить заказ" style="float: left">Оформить заказ</button>
</div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){

var ID = $('input[name="form[delivery][id]"]:checked').val();
$('.quick_order_payment').hide();
$('.quick_order_payment[rel="' + ID + '"]').show();
$('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
	
$('.deliveryRadio').click(function(){
	 var ID = $('input[name="form[delivery][id]"]:checked').val();
	 $('.quick_order_payment').hide();
	 $('.quick_order_payment[rel="' + ID + '"]').show();
	 $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
});

// Форма регистрации нового пользователя, при оформлении заказа
$('.OrderShowPass').click(function(){
	 ChangePasswordFieldType(this, $('#contactPassWord'));
	 return false;
});

// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
	 if($(this).attr("checked")) {
	 $('.contactRegisterNeedElement').show();
	 $('#contactEmail, #contactPassWord').addClass('required');
	 } else {
	 $('.contactRegisterNeedElement').hide();
	 $('#contactEmail, #contactPassWord').removeClass('required');
	 }
});

	 // Действия при выборе варианта доставки на этапе оформления заказа
$('.deliveryRadio').click(function(){
	
	 // Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
	 if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
	 $('.deliveryZoneRadio:checked').click().attr('checked', false);
	 }
});

// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
$('.deliveryZoneRadio').click(function(){
	
	 var
	 deliveryId = $(this).attr('deliveryid')
	 ,deliveryZonePrice = $(this).parent().find('.deliveryZonePrice')
	 ,deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]')
	 ,deliveryBlock = deliveryTbody.find('#quickDeliveryIdMain' + deliveryId)
	 ,deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice')
	 ,deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
	 ;

	 // Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
	 if('true' == $(this).attr('rel')) {
	 $(this).attr('checked', false);
	 $(this).attr('rel', 'false');
	
	 // Показываем цену по умолчанию
	 deliveryDefaultPriceBlock.show();
	 // Скрываем цену образованную от зоны
	 deliveryZonePriceBlock.hide();
	
	 // Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
	 } else {
	 $('.deliveryZoneRadio').attr('rel', 'false');
	 $(this).attr('rel', 'true');
	
	 // Показываем цену по умолчанию
	 deliveryDefaultPriceBlock.hide();
	 // Скрываем цену образованную от зоны
	 deliveryZonePriceBlock.show().html(deliveryZonePrice.html());
	
	 // Выделяем вариант доставки к которому относится зона доставки
	 deliveryBlock.attr('checked', true);
	 }
});

// Валидация формы на странице оформления заказа
$("#quickform").submit(function(){
	
	 // Если форма невалидна не отправляем её на сервер
	 if(!$(this).valid()) {
	 return false;
	 }
	
	 // Получаем данные формы, которые будем отправлять на сервер
	 var formData = $(this).serializeArray();
	 // Сообщаем серверу, что мы пришли через ajax запрос
	 formData.push({name: 'ajax_q', value: 1});

	 // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
	 $.ajax({
	 type : "POST",
	 dataType: 'json',
	 cache : false,
	 url : $(this).attr('action'),
	 data : formData,
	 success: function(data) {
		 // Если заказ был успешно создан
		 if( data.status == 'ok' ) {
		 window.location = data.location;
		 } else if( data.status == 'error' ) {
		 alert(data.message);
		 } else {
		 alert('Во время оформления заказа возникла неизвестная ошибка. Пожалуйста, обратитесь в службу технической поддержки.');
		 }
	 }
	 });
	
	 return false;	
}).validate();

$("#quickDeliveryConvenientDate").datepicker({
	 dayNames	 : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
dayNamesMin : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
closeText	 : 'Готово',
currentText : 'Сегодня' ,
duration	 : '',
monthNames : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Окрябрь','Ноябрь','Декабрь'],
monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
yearRange	 : "-6:+6",
dateFormat : 'dd.mm.yy',
minDate		 : new Date(),
firstDay	 : 1
});
});
</script>
{% ENDIF %}
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="summary">
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
	 <span>0</span>
	 {% ELSE %}
	 {% FOR cart_count %}
		 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}</strong> товаров в корзине</a>
</div>
<div class="basket-summary">
<table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
	 <tbody>
	 <tr>
		 <td>Сумма заказа:</td>
		 <td>
			 {% IF cart_count_empty %}
			 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
			 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
			 {% ENDFOR %}
			 {% ENDIF %}
		 </td>
	 </tr>
	 </tbody>
</table>
{% IF cart_count_empty %}
	 <p>Ваша корзина пуста</p>
{% ENDIF %}
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('.basket-info:first').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->

.zakaz {
float: left;
background: #EB455D;
cursor: pointer;
vertical-align: middle;
padding: 7px;
margin-top: 15px;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
color: white;
font-style: italic;
text-shadow: #cad5e2 0.5px 0.5px 0, #cad5e2 0px 1px 0, #cad5e2 0px 0px 0, #cad5e2 0.5px 0.5px 0, #cad5e2 0.5px 0.5px 0;
}

.success-msg {
text-align: center;
color: green;
font-weight: bold;
font-size: 14px;
}

MIsha114 (10 Май 2013 - 21:55) писал: