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



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

#1 support 2.0

support 2.0

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

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

Отправлено 19 Февраль 2014 - 19:56

На форме все темы по быстрому оформлению заказа в один клик в шаблонах расположены в разных темах. Мы решили их объединить, чтобы нашим клиентам и администраторам магазинов было проще добавить этот функционал на сайт. Здесь инструкция для шаблонов Сияние, Лайт, Мокко, Пластик и Техника. На остальных шаблона форма быстрого заказа есть по умолчанию.
Инструкция:
Загрузите к себе на сайт прикрепленный файл в раздел сайт -> редактор шаблонов. Название файла должно остаться неизменным, иначе файл загрузится неверно.
Далее в конце файла 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;
}
Также можно добавить стили: в файле main.css в конце добавьте блок
.success-msg {
text-align: center;
color: green;
font-weight: bold;
font-size: 14px;
}
Далее в различных шаблонах остальная инструкция немного разнится.
Продолжение инструкция для шаблона Сияние:
Скрытый текст
Продолжение инструкции для шаблона Лайт:
Скрытый текст
продолжение инструкции для Мокко:
Скрытый текст

Продолжение инструкции для шаблона Пластик:
Скрытый текст
Продолжение инструкции для шаблона Техника:
Скрытый текст

Если Вы хотите в форму Быстрого заказа добавить способы оплаты, в конце файле main.css добавьте
.quick_order_payment:not(:first-of-type) {
display: none;
}
.quick_order_payment:first-of-type {
display: block;
}
и в файл mian.js добавьте блок
$(function() {
$('#orderStageDeliveryListTable .deliveryRadio').live('click', function() {
	 $('#quickform').find('.quick_order_payment').hide().end()
		 .find('.quick_order_payment[rel="' + $(this).val() + '"]').show();
});
});
Затем в шаблоне Быстрый заказ найдите строку
<div class="quick_order_payment fieldset" rel="{order_delivery.ID}" style="display: none;">
и замените ее на
<div class="quick_order_payment fieldset" rel="{order_delivery.ID}" >

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

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


#2 support 2.0

support 2.0

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

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

Отправлено 19 Февраль 2014 - 20:38

Также, если Вы хотите немного модернизировать форму быстрого заказа в такой вид: Изображение

Вам заместо того прикрепленного файла нужно скачать архив, прикрепленный к этому сообщению, разархивировать его у себя на компьютере и загрузить те 2 файла в разделе сайт -> редактор шаблонов
В файле "HTML" скрипт
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>
заменить на
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/jquery.fancybox-1.3.4.min.css" type="text/css" />
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom_fancybox-1.3.4.version2.min.js"></script>
__________________________________________________________________________________________________
Есть еще один вид формы быстрого заказа:
Изображение

Для того, чтобы Ваша форма выглядела так, выполните инструкцию из первого сообщения и замените код всего шаблона "Быстрый заказ" на этот:
Скрытый текст
теперь зайдите в файл 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;
}

Чтобы не требовалось вводить адрес доставки, уберите из ввода в разделе Настройки -> Основные -> Настройка полей доставки использующихся при оформлении заказа

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

  • Прикрепленный файл  order_fast.zip   18,44К   379 Количество загрузок:


#3 Поплавок

Поплавок

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

  • Пользователи
  • PipPipPip
  • 115 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2014 - 22:28

Суперски

#4 Rosalina

Rosalina

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

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

Отправлено 20 Февраль 2014 - 07:13

Добрый день. У меня форма быстрого заказа жутко дело несуразная получилась, структура не просматривается. Помогите исправить.
сайт zimaleto-perm.ru

#5 support 2.0

support 2.0

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

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

Отправлено 20 Февраль 2014 - 16:46

Просмотр сообщенияRosalina (20 Февраль 2014 - 07:13) писал:

Добрый день. У меня форма быстрого заказа жутко дело несуразная получилась, структура не просматривается. Помогите исправить.
сайт zimaleto-perm.ru
вам ответили в этой ветке форума, не дублируйте, пожалуйста, сообщения

#6 denisSemenets

denisSemenets

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

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

Отправлено 21 Февраль 2014 - 08:04

воспользовался инструкцией

Просмотр сообщенияsupport 2.0 (19 Февраль 2014 - 19:56) писал:

На форме все темы по быстрому оформлению заказа в один клик в шаблонах расположены в разных темах. Мы решили их объединить, чтобы нашим клиентам и администраторам магазинов было проще добавить этот функционал на сайт. Здесь инструкция для шаблонов Сияние, Лайт, Мокко, Пластик и Техника. На остальных шаблона форма быстрого заказа есть по умолчанию.
Инструкция:
Загрузите к себе на сайт прикрепленный файл в раздел сайт -> редактор шаблонов. Название файла должно остаться неизменным, иначе файл загрузится неверно.
Далее в конце файла 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;
}
Также можно добавить стили: в файле main.css в конце добавьте блок
.success-msg {
text-align: center;
color: green;
font-weight: bold;
font-size: 14px;
}
Далее в различных шаблонах остальная инструкция немного разнится.
Продолжение инструкция для шаблона Сияние:
Скрытый текст
Продолжение инструкции для шаблона Лайт:
Скрытый текст
продолжение инструкции для Мокко:
Скрытый текст

Продолжение инструкции для шаблона Пластик:
Скрытый текст
Продолжение инструкции для шаблона Техника:
Скрытый текст

Если Вы хотите в форму Быстрого заказа добавить способы оплаты, в конце файле main.css добавьте
.quick_order_payment.fieldset h2 {
display: none;
}
.quick_order_payment.fieldset:first-of-type h2 {
display: block;
}
у меня вышло вот
так.скр1 и в карточке товара вместо кнопки "быстрый заказ" появилась вторая кнопка "добавить в корзину"скр2
при нажатии вылетает окно ошибки и грузится форма обычного оформления.
помогите пожалуйста мой аккаунт SL-255773

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

  • Снимок экрана (6).png
  • Снимок экрана (7).png


#7 support 2.0

support 2.0

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

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

Отправлено 21 Февраль 2014 - 21:59

Просмотр сообщенияdenisSemenets (21 Февраль 2014 - 08:04) писал:

воспользовался инструкцией
у меня вышло вот
так.скр1 и в карточке товара вместо кнопки "быстрый заказ" появилась вторая кнопка "добавить в корзину"скр2
при нажатии вылетает окно ошибки и грузится форма обычного оформления.
помогите пожалуйста мой аккаунт SL-255773
на вашем сайте данных изменений нет. Выполните, пожалуйста, их еще раз. Форма быстрого заказа рабочая. Скорее всего допущены где-то незначительные ошибки

#8 ApostolofD

ApostolofD

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

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

Отправлено 22 Февраль 2014 - 10:56

Добрый день, сделал форму быстрый заказ. Но дублируются 3 раза способ оплаты. Помогите пожалуйста. http://gopro-belgorod.ru.
Подскажите как еще шрифт увеличить, маленький он, не удобно читать.

#9 Eugie89

Eugie89

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

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

Отправлено 22 Февраль 2014 - 15:46

Здравствуйте, а где мне найти файл order_fast на моем сайте, чтобы удалить его? Сначала скачала первый файл, а потом решила вместо него второй установить, но т.к. они называются одинаково - сначала нужно удалить первый файл, а потом загрузить второй. Не виду его среди других загруженных файлов.

#10 Eugie89

Eugie89

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

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

Отправлено 22 Февраль 2014 - 16:20

Здравствуйте. Хотела сделать нормальную форму быстрого заказа, но получилось сделать только первый вариант. Когда внесла изменения для второго варианта (длинная форма с зеленой кнопкой БЫСТРЫЙ ЗАКАЗ) - кнопка быстрого заказа появилась, а вот само окно не выскакивает при нажатии.
Делала несколько раз - восстанавливала бэкап шаблона. НА третий раз вообще кнопка исчезла - вместо нее ссылка

#11 denisSemenets

denisSemenets

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

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

Отправлено 22 Февраль 2014 - 17:26

установил форму быстрого заказа,при нажатии выскакивает форма заказа такого вида,то есть поля заполнения не видны,это сбивает с толку. аккаунт SL-255773

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

  • Снимок экрана (10).png
  • Снимок экрана (9).png


#12 denisSemenets

denisSemenets

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

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

Отправлено 22 Февраль 2014 - 17:39

хотел добавить,в инструкции допущена ошибка в этом месте,получается 2 кнопки "в корзину".Подскажите ещё как сделать чтобы кнопка отражалась при просмотре в таблице?

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

  • Снимок экрана (11).png


#13 denisSemenets

denisSemenets

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

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

Отправлено 23 Февраль 2014 - 03:43

удалил изменения,буду делать по другой инструкции

#14 denisSemenets

denisSemenets

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

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

Отправлено 23 Февраль 2014 - 04:02

сделал по этой инструкции-http://forum.storela..._20#entry123277 Всё получилось,пришлось только саму форму подправить.

#15 AIDSDD

AIDSDD

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

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

Отправлено 26 Февраль 2014 - 08:24

В шаблоне лайт не могу найти вот эту часть даже с помощью поиска
<!-- Если есть товары -->
{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>

#16 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 26 Февраль 2014 - 16:02

Просмотр сообщенияAIDSDD (26 Февраль 2014 - 08:24) писал:

В шаблоне лайт не могу найти вот эту часть даже с помощью поиска
<!-- Если есть товары -->
{% ELSE %}
{% FOR goods %}
<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>

Укажите пожалуйста ваш номер аккаунта.

#17 bladeinhand

bladeinhand

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

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

Отправлено 04 Март 2014 - 15:16

Здравствуйте. Сделал всё по инструкции, указанной для шаблона "Пластик".
Получилась такая же ерунда, как в сообщении выше от автора
denisSemenets

и после того, как указываешь имя и телефон, предлагается пройти по остальным шагам заказа. А хотелось бы чтобы уже после первой страницы заказ был оформлен, о чём и сообщить клиенту. Типа:
"спасибо, ваш заказ принят, ждите звонка от нашего оператора"



http://knifemania.ru

#18 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 04 Март 2014 - 18:02

Просмотр сообщенияbladeinhand (04 Март 2014 - 15:16) писал:

Здравствуйте. Сделал всё по инструкции, указанной для шаблона "Пластик".
Получилась такая же ерунда, как в сообщении выше от автора
denisSemenets

и после того, как указываешь имя и телефон, предлагается пройти по остальным шагам заказа. А хотелось бы чтобы уже после первой страницы заказ был оформлен, о чём и сообщить клиенту. Типа:
"спасибо, ваш заказ принят, ждите звонка от нашего оператора"



http://knifemania.ru

Здравствуйте, восстановите бэк-ап вашего шаблона обратно, и проделайте данную инструкцию внимательно. Возможно вы пропустили какой то пункт данной инструкции.
Также вы можете воспользоваться данной инструкцией .

#19 leshareva

leshareva

    Новичок

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

Отправлено 11 Март 2014 - 10:32

Ребята, спасибо за код. Подскажите как избавиться от дублирования блока «Способ оплаты» вот в этом окне:
Изображение

#20 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 11 Март 2014 - 10:38

Просмотр сообщенияleshareva (11 Март 2014 - 10:32) писал:

Ребята, спасибо за код. Подскажите как избавиться от дублирования блока «Способ оплаты» вот в этом окне:
Изображение

Здравствуйте, напишите номер вашего аккаунта или адрес вашего сайта.





Темы с аналогичным тегами Заказ, заказ в 1 клик, оформление заказа для сияния, оформление заказа для лайт, оформление заказа для мокко, оформление заказа для платист, оформление заказа для техники

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

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