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


Как Реализовать Форму Заказа В Один Клик .в Товаре .


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

#1 мистка

мистка

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

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

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

Необходимо реализовать кнопку как в товаре так и в общем списке товаров (как выглядит покажу скрином в том чесле и вид самой формы )  Оговорюсь сразу все кнопки с форума уже перепробованы и работают не корректно .

Шаблон лайт Аккаунт SL-206641

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

  • Безымянный123.png


#2 мистка

мистка

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

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

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

:ph34r:

#3 miyako

miyako

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

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

Отправлено 03 Июнь 2013 - 06:26

Просмотр сообщениямистка (02 Июнь 2013 - 20:41) писал:

:ph34r:

Вы можете поставить Обратный звонок, воспользовавшись веткой форума - http://forum.storela...братный-звонок/
А быстрый заказ можно поставить так - http://forum.storela...лон/#entry58702

#4 мистка

мистка

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

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

Отправлено 03 Июнь 2013 - 10:51

ТУК!-ТУК!! СТУЧУ!!! НЕ ПОДХОДИТ! РАБОТАЕТ НЕ КОРРЕКТНО, А ВЫ НА СТОЛЬКО ЛЕНИВЫ ЧТО ДАЖЕ НЕ ПОСМОТРЕЛИ САЙТ ОБРАТНЫЙ ЗВОНОК ТАМ СТОИТ 300 ЛЕТ!!!
--------------------------------------
буду ждать пока на тему обратит внимание Таисия....

#5 Stasya

Stasya

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

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

Отправлено 03 Июнь 2013 - 12:07

К сожалению, Таисии сегодня нет. Так что отвечу Вам я. В файл 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;
}
Затем в шаблоне Товар найдите строку
<input type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;" />
и замените ее на
<input onclick="quickorder('form.goodsDataForm');return false;" type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;" />
В шаблоне Товар сразу после блока
<!-- Если есть товары -->
		 {% 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>
вставьте блок
<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="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>
В файл 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;
}




.whtgray {
width: 138px;
height: 18px;
padding: 7px 0 6px 0;
text-align: center;
font: bold 12px Verdana, Geneva, sans-serif;
color: #3a3a3a;
cursor: pointer;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
margin: 0 9px 0 0;
margin-top: 6px;
padding-top: 20px;
}
Осталось только загрузить прикрепленный файл и загрузить его в файлы в разделе Сайт->Редактор шаблонов.

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

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


#6 мистка

мистка

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

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

Отправлено 03 Июнь 2013 - 12:46

всех файлов указанных вами у меня нет...

#7 мистка

мистка

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

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

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

м да... розыск в шаблоне товар не удался...

#8 мистка

мистка

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

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

Отправлено 03 Июнь 2013 - 14:29

:wacko:

#9 Stasya

Stasya

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

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

Отправлено 03 Июнь 2013 - 14:40

Просмотр сообщениямистка (03 Июнь 2013 - 12:46) писал:

всех файлов указанных вами у меня нет...
Все файлы main.css и main.js они стандартные и они есть у всех. Их в принципе не может не быть.

Просмотр сообщениямистка (03 Июнь 2013 - 14:09) писал:

м да... розыск в шаблоне товар не удался...
Вот эта строка №133
<input type="submit" value="в корзину" style="width:100px;background:#ff6633;border:0;color:#ffffff;" />

Просмотр сообщениямистка (03 Июнь 2013 - 14:29) писал:

:wacko:
Эта кнопка никоим образом не связана с модификациями. Проверьте правильность своих действий.

#10 мистка

мистка

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

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

Отправлено 03 Июнь 2013 - 14:54

поставила..изменилось только  моя  красивая кнопочка в корзину стала уродской и все.(

#11 мистка

мистка

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

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

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

и выдало ошибку 1js

#12 мистка

мистка

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

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

Отправлено 03 Июнь 2013 - 16:22

УДИВИТЕЛЬНОЕ ЧТО В САМОМ НАЧАЛЕ Я НАПИСАЛА ЧТО КНОПКА ИЗ ЭТОЙ ТЕМЫ НЕ  ДЕЙСТВУЕТ ЧТО У МЕНЯ СИЛЬНО ИЗМЕНЕНЫ ШАБЛОНЫ.........А ВЫ КАК ДЕТИ ПРОДОЛЖАЕТЕ КОПИРОВАТЬ ТУ ТЕМУ И СТАВИТЬ ЕЕ МНЕ ...........................НЕТ СЛОВ
неужели нельзя просто обозначить сроки или отказать в рассмотрении темы...................дет сад...

#13 Stasya

Stasya

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

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

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

Посмотрела Ваш бекап за 03.06.2013 18:01:17 там присутствует кнопка и отлично работает, она конечно немного криво стоит, но это легко поправить. Форма открывается. Если Вы  хотите чтобы у Вас была данная форма и кнопка сделайте бекап именно за это время.

#14 тектиль оптом

тектиль оптом

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

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

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

Но эта кнопка полностью дублирует функции. Кнопки в корзину зачем тогда она тем более такая кривая


Кнопка заказ в один клик нужна а не. Извращенная форма перехода в корзину

#15 Stasya

Stasya

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

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

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

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

#16 мистка

мистка

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

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

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

Затем в шаблоне Товар найдите строку
<input type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;" />
и замените ее на
<input onclick="quickorder('form.goodsDataForm');return false;" type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;" />

Для тех кстати кто попробует установить эту" кривую кнопку " не выполняйте этот пункт!!! А просто после строки 133 в шаблоне товар
<input type="submit" value=*ваш текст кнопки товар в корзину*
вставьте строку
<input type="submit" value="Быстрый заказ" style="width:200px;" onclick="quickorder('.goodsDataForm'); return false;" />
и вы увидите это кривое чудо)

Просмотр сообщенияStasya (03 Июнь 2013 - 17:49) писал:

Данная кнопка открывает форму быстрого заказа. Какой у Вас адрес сайта и дизайн шаблон?
и как же теперь это чудо полный клон кнопки в корзину  адаптировать? да еще чтоб и на почту приходила вся инфа?

а по поводу ошибки js которая появляется если в баузере нажать кнопку откатить на 1 страничку назад ???

#17 мистка

мистка

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

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

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

Просмотр сообщенияStasya (03 Июнь 2013 - 17:49) писал:

Данная кнопка открывает форму быстрого заказа. Какой у Вас адрес сайта и дизайн шаблон?
и..сново здравствуйте)))))) возвращаемся к 1 сообщению темы Шаблон лайт Аккаунт SL-206641

САМОЕ УЖАСНОЕ ЧТО вЫ РЕАЛЬНО ПРОСТО ДЕЛАЕТЕ ВИД ЧТО МЕНЯ НЕ ПОНИМАЕТЕ .
эта кнопка полностью дублирует кнопку перейти в корзину где находятся 4 пункта стандартного оформления заказа  . а не отображает всплывающее окно где указывается телефон для связи удобное времяи т п . после заполнения которого человек переходит опять на главную товар лежит в корзине но мне на почту пришло письмо с данными для звонка..........................

#18 Stasya

Stasya

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

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

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

Это не клон кнопки в корзину. Проверьте выполнение всех действий. Скорее всего Вы не добавили скрипт. Я лично устанавливала Ваш бекап на тестовый сайт. Все кнопки работали, при чем отлично, без косяков вообще. Проверьте внимательно, все ли пункты инструкции Вы выполнили.

#19 мистка

мистка

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

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

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

вызывает улыбку...
еще раз объясню мне не нужен дублер 4 шагов оформления зкаказа мне нужна кнопка как на этом сайте
как у нашего друга в стореленде http://silvermoda.ru/
но в таком виде как у меня на скрине

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

  • Безымянный123.png


#20 Stasya

Stasya

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

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

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

Поставьте себе этот бекап.

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






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

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