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


Быстрый Заказ В Мокко: Доб-Ть Сп-Бы Оплаты И Товары Их Корзины

Автор ogonek7777, 17 июля 2013 17:00

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

#1 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 17 Июль 2013 - 17:00

Номер аккаунта:SL-118672
возможно, тема была, подскажите:

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

  • 15.JPG

#2 Сake

Сake

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

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

Отправлено 18 Июль 2013 - 01:32

Добавьте в ваш файл стилей main.css

.quick_order_payment:not(:first-of-type) {
   display: none;
}
.quick_order_payment:first-of-type {
   display: block;
}

далее в файл main.js

$(function() {
  $('#orderStageDeliveryListTable .deliveryRadio').live('click', function() {
	$('#quickform').find('.quick_order_payment').hide().end()
	 .find('.quick_order_payment[rel="' + $(this).val() + '"]').show();
  });
});

Для отображения корзины в сплывающем окне - попробуйте использовать код

<table class="basket">
   <thead>
	<tr>
	 <th>Товар</th>
	 <th>Название</th>
	 <th><abbr title="Количество заказываемого товара">Количество</abbr></th>
	 <th>Цена</th>
	</tr>
   </thead>
   <tbody>
		{% FOR cart_items %}
		  <tr>
			<td width="10%">
			  <div class="item-image"><a href="{cart_items.GOODS_URL}"><img alt="{cart_items.GOODS_NAME}" title="{cart_items.GOODS_NAME}" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div>
		</td>
			<td width="60%">
		 <h3><a href="{cart_items.GOODS_URL}" data-role="item-title">
				  {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></h3>   
	   </td>
			<td width="10%">
		 {cart_items.ORDER_LINE_QUANTITY}
	   </td>
			<td class="price" data-role="item-price" width="15%">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</td>
		  </tr> 
		{% ENDFOR %}
   </tbody>
  </table>

данный код вам необходимо вставить в ваш шаблон "Быстрый заказ"

#3 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 18 Июль 2013 - 09:48

Спасибо, частично ответ я получила)
1. Вопрос как добавить способы оплаты все еще открыт (уже разобралась).
2. Если честно, данный список какой-то "непричесанный", я в итоге вставила кусок кода из Корзины. Он аккуратнее, но только вопрос: как сделать, чтобы при смене количества происходил автоматический пересчет, как сейчас в Корзине?

#4 Vaccina

Vaccina

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

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

Отправлено 19 Июль 2013 - 02:38

Если вы хотите использовать возможность изменения кол-во товаров в корзине при быстром заказе, то вам необходимо вставить таблицу с формой (<form></form>). После этого можно будет добавить в файл main.js

$(function() {
	$('#nyroModalWrapper .cell3 input').live('change', function() {
	 if(parseInt($(this).val()) >= 1) {
	  var serialize = $(this).closest('form').serializeArray();
	  serialize.push({'name': 'ajax_q', 'value': 1});
	  serialize.push({'name': 'fast_order', 'value': 1});
	  $.post('/cart/add', serialize, function(html) {
		 $('#nyroModalContent').html(html);
	 });
  }
});
});

тогда при изменении поля кол-во будет обновляться содержимое окна. Код должен получиться примерно следующий

<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 %}
						 &raquo; <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 | money_format}<br />
					  {% ENDFOR %}
					</td>
				  </tr>
				</table>
			  </td>
			</tr>
		  </tfoot>
		</table>
	{% ENDIF %}
  </div>
</form>

#5 Mikhaylova

Mikhaylova

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 01 Август 2013 - 10:10

Выполнила все как описано выше, но при изменени количества товаров в форме быстрого заказа сумма не пересчитывается. Как исправить?

#6 Vaccina

Vaccina

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

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

Отправлено 02 Август 2013 - 00:56

У вас перерасчет выполняется успешно. Проблема в том что у ваших товаров количество равно 1 и соответственно нельзя положить в корзину больше ед. товара. Вам необходимо или увеличить количество доступных ед. товара, или же в разделе Настройки -> Основные отключить опции "Отключить возможность класть в корзину больше товара, чем есть в наличии" и "Автоматически списывать остатки по товарам, в момент создания заказа".

#7 Mikhaylova

Mikhaylova

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 10 Август 2013 - 23:41

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

#8 Vaccina

Vaccina

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

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

Отправлено 13 Август 2013 - 01:44

Пожалуйста, сообщите у какого товара на вашем сайте есть наличие более одной шт.?

#9 Mikhaylova

Mikhaylova

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 13 Август 2013 - 17:52

Просмотр сообщенияVaccina (13 Август 2013 - 01:44) писал:

Пожалуйста, сообщите у какого товара на вашем сайте есть наличие более одной шт.?

Специально создал товар http://vm.gs/goods/Test в количестве 1000шт.

#10 Vaccina

Vaccina

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

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

Отправлено 14 Август 2013 - 02:11

Попробуйте заменить код в файле main.js

$(function() {
		$('#nyroModalWrapper .cell3 input').live('change', function() {
		 if(parseInt($(this).val()) >= 1) {
		  var serialize = $(this).closest('form').serializeArray();
		  serialize.push({'name': 'ajax_q', 'value': 1});
		  serialize.push({'name': 'fast_order', 'value': 1});
		  $.post('/cart/add', serialize, function(html) {
				 $('#nyroModalContent').html(html);
		 });
  }
});
});

на следующий

$(function() {
		$('#nyroModalWrapper .cell3 input').live('change', function() {
		 if(parseInt($(this).val()) >= 1) {
			var serialize = $(this).closest('form').serializeArray();
			$.post('/cart', serialize, $.proxy(function(html) {
			   var serialize = $(this).closest('form').serializeArray();
			   serialize.push({'name': 'ajax_q', 'value': 1});
			   serialize.push({'name': 'fast_order', 'value': 1});
			   $.post('/cart/add', serialize, function(html) {
				  $('#nyroModalContent').html(html);
			   });
			}, this));
  }
});
});

#11 Mikhaylova

Mikhaylova

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 14 Август 2013 - 07:38

Просмотр сообщенияVaccina (14 Август 2013 - 02:11) писал:

Попробуйте заменить код в файле main.js

$(function() {
	 $('#nyroModalWrapper .cell3 input').live('change', function() {
		 if(parseInt($(this).val()) >= 1) {
		 var serialize = $(this).closest('form').serializeArray();
		 serialize.push({'name': 'ajax_q', 'value': 1});
		 serialize.push({'name': 'fast_order', 'value': 1});
		 $.post('/cart/add', serialize, function(html) {
				 $('#nyroModalContent').html(html);
		 });
}
});
});

на следующий

$(function() {
	 $('#nyroModalWrapper .cell3 input').live('change', function() {
		 if(parseInt($(this).val()) >= 1) {
		 var serialize = $(this).closest('form').serializeArray();
		 $.post('/cart', serialize, $.proxy(function(html) {
			 var serialize = $(this).closest('form').serializeArray();
			 serialize.push({'name': 'ajax_q', 'value': 1});
			 serialize.push({'name': 'fast_order', 'value': 1});
			 $.post('/cart/add', serialize, function(html) {
				 $('#nyroModalContent').html(html);
			 });
		 }, this));
}
});
});

Большое спасибо! Теперь все работает!

#12 Alan

Alan

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

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

Отправлено 18 Август 2013 - 12:17

извините я не понял, куда нужно вставить данный код, для всплывающего окна быстрого заказа..?? в какой шаблон мой быстрый заказ?

Цитата

   <table class="basket">
<thead>
        <tr>
         <th>Товар</th>
         <th>Название</th>
         <th><abbr title="Количество заказываемого товара">Количество</abbr></th>
         <th>Цена</th>
        </tr>
   </thead>
   <tbody>
                {% FOR cart_items %}
                  <tr>
                        <td width="10%">
                          <div class="item-image"><a href="{cart_items.GOODS_URL}"><img alt="{cart_items.GOODS_NAME}" title="{cart_items.GOODS_NAME}" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div>
                </td>
                        <td width="60%">
                 <h3><a href="{cart_items.GOODS_URL}" data-role="item-title">
                                  {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></h3>  
           </td>
                        <td width="10%">
                 {cart_items.ORDER_LINE_QUANTITY}
           </td>
                        <td class="price" data-role="item-price" width="15%">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</td>
                  </tr>
                {% ENDFOR %}
   </tbody>
  </table>


#13 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Август 2013 - 13:16

Просмотр сообщенияAlan (18 Август 2013 - 12:17) писал:

извините я не понял, куда нужно вставить данный код, для всплывающего окна быстрого заказа..?? в какой шаблон мой быстрый заказ?

Вам необходимо вставить данный код в шаблон Быстрый заказ

#14 Alan

Alan

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

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

Отправлено 18 Август 2013 - 14:19

может в  оформление заказа?

#15 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Август 2013 - 17:39

Именно в Быстрый заказ. Шаблон Оформление заказа отвечает за оформление из корзины в 4 шага. А Быстрый заказ- за форму, которая выводиться при  быстром заказе.

#16 Alan

Alan

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

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

Отправлено 18 Август 2013 - 23:12

я не нахожу у себя шаблон быстрый заказ...

#17 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 18 Август 2013 - 23:21

Просмотр сообщенияAlan (18 Август 2013 - 23:12) писал:

я не нахожу у себя шаблон быстрый заказ...

Вероятно, у Вас еще не устновлена форма быстрого заказа, поэтому воспользуйтесь для начала этой инструкцией

#18 Alan

Alan

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

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

Отправлено 19 Август 2013 - 10:21

я воспользывался данной инструкцией. а куда вставлять данный код в шаблон быстрый заказ?

#19 Сake

Сake

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

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

Отправлено 20 Август 2013 - 05:37

Да, код html из сообщения http://forum.storela...вар/#entry79739 необходимо вставлять в шаблон "Быстрый заказ".

#20 Mikhaylova

Mikhaylova

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

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 04 Сентябрь 2013 - 01:25

Добрый день!
Форма быстрого заказа работает, но при нажатии на кнопку быстрого заказа открывается форма и в ней не выбран метеод оплаты по умолчанию, как исправить данную ошибку?
<!-- <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 %}-->
<div id="forma_quik_order" style="min-width:900px; max-width:1000px;">
{% IF cart_count_empty %}
<h2 class="alignCenter">Ваша корзина пуста, Пожалуйста выберите другой товар для оформления заказа</h2>
{% ELSE %}
<style>
.quick_order_payment:not(:first-of-type) {
   display: none;
}
.quick_order_payment:first-of-type {
   display: block;
}
#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;}
input#reg_name, input#contactEmail, input#sites_client_phone {width:82%;}
textarea#quickDeliveryAddress {width:98%;}
.cell3.price {font-weight:bold; color:green; text-align:right;}
</style>
<div style="border:1px solid #d3d3d3; padding:0px; margin:5px;" class="cornerAll">
<h1 class="alignCenter" style="margin:15px; color:green; font: bold 18px/20px Arial, Helvetica, sans-serif;">Список Ваших покупок:</h1>
<form action="{CART_URL}" method="post" class="cartForm">
  <div style="margin:10px;border: 1px solid #dbdbdb; padding: 10px;" class="cornerAll">
				<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 %}
												 &raquo; <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">Итого:&nbsp; </td>
										<td class="cell2">
										  {% FOR cart_sum %}
												{cart_sum.NOW | money_format}<br />
										  {% ENDFOR %}
										</td>
								  </tr>
								</table>
						  </td>
						</tr>
				  </tfoot>
				</table>
  </div>
</form>
<div style="text-align:center;">
  <p style="font-family: Arial; font-size: 16px;"><b>Нужна помощь в оформлении заказа?</b><br/>
	Позвоните нам: <span style="color:red">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</span> или <span style="color:red">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</span>
  </p><br/>
</div>
</div>
<div style="border:1px solid #d3d3d3; padding:0px; margin:5px;" class="cornerAll">
<h1 class="alignCenter" style="margin:15px; color:green; font: bold 18px/20px Arial, Helvetica, sans-serif;">Оформление заказа:</h1>
<form action="{ORDER_STAGE_CONFIRM_URL}" method="post" id="quickform">
<input type="hidden" name="hash" value="{HASH}" />
<div style="margin:10px; width:45%; height:340px; text-align:left; border:1px solid #dbdbdb; padding:10px; float:left;" class="cornerAll">
<div style="margin:10px"><h5>Контактная информация:</h5></div>
<div style="margin:0;padding:0 0 1em 0" id="Contackt_info">
		 <label for="reg_name" class="required" style="margin-right: 26px;">ФИО*</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: 22px;">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" style="margin-right: 3px;">Телефон*</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 class="fieldset">
		 <h5 class="legend"  style="margin:10px"
		 {% 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 %}>Укажите адрес доставки:</h5>
		 <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"  style="margin:5px">
						 <textarea rows="9" id="quickDeliveryAddress" name="form[delivery][address]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
				 </div>
				 </li>
		 {% ENDIF %}
		 </ul>
</div>
	
</div>
</div>
<div class="fieldset cornerAll" style="margin:10px; width:45%; height:340px; text-align:left; border:1px solid #dbdbdb; padding:10px; float:right;">
		 <h5 class="legend" style="margin:10px" title="Выберите удобный для вас способ доставки">Выберите удобный для вас способ доставки:</h5>
<table class="orderStageDeliveryListTable basket">
		 {% 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}"><b>{order_delivery.NAME}</b></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}">
				 <h5 class="legend" style="margin:10px" title="Выберите удобный для вас способ оплаты заказа">Выберите удобный для вас способ оплаты:</h5>
				 <table class="orderStagePaymentListTable basket">
					   
						 {% 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>

	
<!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
{% 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"  style="padding: 15px; clear:both; text-align: center;">
<a href="#" onclick="quickform.submit();" class="quick-order" title="Оформить заказ">Подтвердить</a><br /><br />
</div>
</form>
</div>
<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 Блок для обновления данных корзины. Не виден пользователю -->
</div>

Обратно в Оформление заказа


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

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

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