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

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

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

мистка (02 Июнь 2013 - 20:41) писал:

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

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

К сожалению, Таисии сегодня нет. Так что отвечу Вам я. В файл 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;
}

Осталось только загрузить прикрепленный файл и загрузить его в файлы в разделе Сайт->Редактор шаблонов.

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

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

мистка (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) писал:

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

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

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

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

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

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


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

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

Затем в шаблоне Товар найдите строку
<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 страничку назад ???

Stasya (03 Июнь 2013 - 17:49) писал:

и..сново здравствуйте)))))) возвращаемся к 1 сообщению темы Шаблон лайт Аккаунт SL-206641

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

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

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

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