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


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

заказ

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

#1 Вадим463

Вадим463

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

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

Отправлено 09 Май 2013 - 15:34

Хочу установить кнопку "Заказ в 1 клик" выше или ниже кнопки "Корзина" на любой товар.
Просмотрел все сообщения на форуме, попробовал использовать 3 из указанных способов, не получилось.
Прошу помочь тем, кто уже смог реализовать что-то подобное.

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

  • Заказ в 1 клик.jpg


#2 MIsha114

MIsha114

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

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

Отправлено 09 Май 2013 - 15:47

Тоже очень нужно для шаблонв пластик! все выше описанные варианты не работают!! Помощи Админы!!!

#3 support 2.0

support 2.0

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

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

Отправлено 09 Май 2013 - 16:27

Просмотр сообщенияВадим463 (09 Май 2013 - 15:34) писал:

Хочу установить кнопку "Заказ в 1 клик" выше или ниже кнопки "Корзина" на любой товар.
Просмотрел все сообщения на форуме, попробовал использовать 3 из указанных способов, не получилось.
Прошу помочь тем, кто уже смог реализовать что-то подобное.

Здравствуйте, загрузите к себе на сайт прикрепленный файл. Теперь зайдите в файл main.js и в самом конце добавьте
// Быстрый заказ
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;
}

теперь зайдите в шаблон HTML и после
<!-- Скрипты магазина -->
вставьте
<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 />
сразу после нее (нажмите enter и переместитесь на пустую строчку) вставьте
<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>

Прикрепленные файлы

  • Прикрепленный файл  order_fast.htm   23,83К   1267 Количество загрузок:


#4 support 2.0

support 2.0

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

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

Отправлено 09 Май 2013 - 16:44

Просмотр сообщенияMIsha114 (09 Май 2013 - 15:47) писал:

Тоже очень нужно для шаблонв пластик! все выше описанные варианты не работают!! Помощи Админы!!!

Вам нужно лишь в конец файла main.js добавить
// Быстрый заказ
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>
в конце данной строчки поставить enter и в новой строке вставить
  <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>

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

#5 Вадим463

Вадим463

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

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

Отправлено 09 Май 2013 - 16:50

Скажите пожалуйста!
Файл maih.js какой страницы надо изменять?
Корзины, добавления товаров в корзину или чего-то еще?

#6 Вадим463

Вадим463

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

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

Отправлено 09 Май 2013 - 17:23

Сделал все как вы говорили, кнопка появилась, но при нажатии на нее происходит загрузка пустой страницы.
Как это исправить?
И прошу ответить на мой предыдущий вопрос, так как я менял файл main.js шаблона "Ajax добавление товара в корзину". Может это ошибка и из-за этого у меня некорректно все работает.

#7 MIsha114

MIsha114

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

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

Отправлено 09 Май 2013 - 17:55

Здравствуйте! кнопка появляется! но при нажаттии не работает!

#8 support 2.0

support 2.0

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

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

Отправлено 09 Май 2013 - 19:54

Просмотр сообщенияВадим463 (09 Май 2013 - 16:50) писал:

Скажите пожалуйста!
Файл maih.js какой страницы надо изменять?
Корзины, добавления товаров в корзину или чего-то еще?

файл main.js один!
находится он в стилях и скриптах, под шаблонами в разделе сайт -> редактор тем

Просмотр сообщенияMIsha114 (09 Май 2013 - 17:55) писал:

Здравствуйте! кнопка появляется! но при нажаттии не работает!

скажите номер Вашего аккаунта, я посмотрю что у Вас там не так

#9 Вадим463

Вадим463

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

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

Отправлено 09 Май 2013 - 20:52

Аккаунт SL-142942

#10 Вадим463

Вадим463

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

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

Отправлено 09 Май 2013 - 23:45

Посмотрите пожалуйста также мой основной аккаунт -SSL - 140658
Я сделал все, как вы советовали, кнопка "Быстрый заказ" появилась, однако нажатие на нее не вызывает ничего!
Помогите пожалуйста разобраться что к чему!
Заранее благодарю за ответ!


#11 MIsha114

MIsha114

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

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

Отправлено 09 Май 2013 - 23:49

Мой  Аккаунт SL-142942    что не так?

#12 Stasya

Stasya

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

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

Отправлено 10 Май 2013 - 15:20

Вы уверены, что проделали всю инструкцию полностью? Пробовала на Вашем шаблоне сделать данную кнопку, у меня все получилось. Попробуйте проделать всю инструкцию заново. Не забудьте ни одни пункт в том числе прикрепить файл.

#13 Вадим463

Вадим463

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

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

Отправлено 10 Май 2013 - 15:23

Я сделал все абсолютно, повторил несколько раз!!!
У меня кнопка в наличии, но нажатие на нее не приводит к действию!!!
Номер моего аккаунта - SL-140658

#14 support 2.0

support 2.0

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

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

Отправлено 10 Май 2013 - 20:50

Просмотр сообщенияВадим463 (10 Май 2013 - 15:23) писал:

Я сделал все абсолютно, повторил несколько раз!!!
У меня кнопка в наличии, но нажатие на нее не приводит к действию!!!
Номер моего аккаунта - SL-140658

У Вас не был загружен прикрепленный файл через раздел Сайт -> файлы
Сейчас кнопка работает корректно

#15 Вадим463

Вадим463

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

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

Отправлено 10 Май 2013 - 20:57

Теперь кнопка действительно работает, однако появляющаяся форма быстрого заказа меня не устраивает!!!
Вы не могли бы помочь сделать ее точно такой же как на прикрепленном скрине!
http://cs521101.vk.m...orma_zakaza.jpg

#16 MIsha114

MIsha114

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

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

Отправлено 10 Май 2013 - 21:01

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


Заранее благодарен!Изображение

#17 MIsha114

MIsha114

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

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

Отправлено 10 Май 2013 - 21:55

и еще теперь при нажатии  кнопки купить сейчас сразу переходит в корзину!!

#18 support 2.0

support 2.0

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

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

Отправлено 11 Май 2013 - 15:20

Просмотр сообщенияВадим463 (10 Май 2013 - 20:57) писал:

Теперь кнопка действительно работает, однако появляющаяся форма быстрого заказа меня не устраивает!!!
Вы не могли бы помочь сделать ее точно такой же как на прикрепленном скрине!
http://cs521101.vk.m...orma_zakaza.jpg

Просмотр сообщения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 Блок для обновления данных корзины. Не виден пользователю -->

теперь зайдите в файл main.css и в конец добавьте
.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) писал:

и еще теперь при нажатии  кнопки купить сейчас сразу переходит в корзину!!

Скажите, пожалуйста адрес или номер аккаунта Вашего сайта.

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

  • ScreenShot 5.png
  • ScreenShot 6.png


#19 MIsha114

MIsha114

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

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

Отправлено 11 Май 2013 - 15:44

Аккаунт SL-142942

#20 MIsha114

MIsha114

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

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

Отправлено 11 Май 2013 - 15:49

что то опять ничего не получается! кнопка не нажимается!! помогите!





Темы с аналогичным тегами заказ

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

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