Как Реализовать Форму Заказа В Один Клик .в Товаре .
#1
Отправлено 02 Июнь 2013 - 19:46
Шаблон лайт Аккаунт SL-206641
#2
Отправлено 02 Июнь 2013 - 20:41
#3
Отправлено 03 Июнь 2013 - 06:26
мистка (02 Июнь 2013 - 20:41) писал:
Вы можете поставить Обратный звонок, воспользовавшись веткой форума - http://forum.storela...братный-звонок/
А быстрый заказ можно поставить так - http://forum.storela...лон/#entry58702
#4
Отправлено 03 Июнь 2013 - 10:51
--------------------------------------
буду ждать пока на тему обратит внимание Таисия....
#5
Отправлено 03 Июнь 2013 - 12:07
// Быстрый заказ 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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Быстрый заказ</a> <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре «{goods.NAME}»">Подробнее</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; }Осталось только загрузить прикрепленный файл и загрузить его в файлы в разделе Сайт->Редактор шаблонов.
Прикрепленные файлы
#6
Отправлено 03 Июнь 2013 - 12:46
#7
Отправлено 03 Июнь 2013 - 14:09
#8
Отправлено 03 Июнь 2013 - 14:29
#9
Отправлено 03 Июнь 2013 - 14:40
мистка (03 Июнь 2013 - 12:46) писал:
мистка (03 Июнь 2013 - 14:09) писал:
<input type="submit" value="в корзину" style="width:100px;background:#ff6633;border:0;color:#ffffff;" />
мистка (03 Июнь 2013 - 14:29) писал:
#10
Отправлено 03 Июнь 2013 - 14:54
#11
Отправлено 03 Июнь 2013 - 15:00
#12
Отправлено 03 Июнь 2013 - 16:22
неужели нельзя просто обозначить сроки или отказать в рассмотрении темы...................дет сад...
#13
Отправлено 03 Июнь 2013 - 17:35
#14
Отправлено 03 Июнь 2013 - 17:46
Кнопка заказ в один клик нужна а не. Извращенная форма перехода в корзину
#15
Отправлено 03 Июнь 2013 - 17:49
#16
Отправлено 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
Отправлено 03 Июнь 2013 - 18:40
Stasya (03 Июнь 2013 - 17:49) писал:
САМОЕ УЖАСНОЕ ЧТО вЫ РЕАЛЬНО ПРОСТО ДЕЛАЕТЕ ВИД ЧТО МЕНЯ НЕ ПОНИМАЕТЕ .
эта кнопка полностью дублирует кнопку перейти в корзину где находятся 4 пункта стандартного оформления заказа . а не отображает всплывающее окно где указывается телефон для связи удобное времяи т п . после заполнения которого человек переходит опять на главную товар лежит в корзине но мне на почту пришло письмо с данными для звонка..........................
#18
Отправлено 03 Июнь 2013 - 18:41
#19
Отправлено 03 Июнь 2013 - 18:42
еще раз объясню мне не нужен дублер 4 шагов оформления зкаказа мне нужна кнопка как на этом сайте
как у нашего друга в стореленде http://silvermoda.ru/
но в таком виде как у меня на скрине
#20
Отправлено 03 Июнь 2013 - 19:21
Прикрепленные файлы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных