Если вдруг появится задача использовать обычное добавление в корзину, в шаблоне рядом с каждой кнопкой быстрого заказа в коде закомментирована обычная кнопка добавления товара в корзину.
Если же вдруг понадобится наоборот, установить на свой сайт форму быстрого заказа, делается это созданием и скачиванием бэкапа этой темы, открытием архива и копированием из неё одного файла, order_fast.htm order_fast.zip 5.8К 224 Количество загрузок: в ваш шаблон, в редакторе тем, для всех шаблонов кроме пластика (там эта библиотека уже загружена) добавляем код fancybox-а в шаблон HTML, перед загрузкой файла main.js, вставкой вот такой строчки:
<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>
P.S. Со всеми библиотеками jquery я его не тестировал, возможно появление багов, но по идее их не будет. В любом случае если что-то сломается - напишите нам, мы найдём решение.
а так же добавлением в конец 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) {
$.fancybox({
content : data
// При изменении размера окна изменяем размер окна оформления заказа
,onUpdate : function(){
var w = $(window).width()*0.8;
if(w < 800) {
// Автоматический ресайз внутреннего блока fancybox-а
$('.fancybox-inner').css('width', 'auto');
// Изменяем размер fancybox окна
$('.fancybox-wrap').css({'width': w + 'px'});
}
return false;
}
});
// :
}
});
return false;
}
и затем добавлением формы добавления товара в корзину. Зачастую, они совместимы с другими шаблонами, например если Вам нужно добавить кнопку быстрого заказа в шаблоне "Пластик", в списке товаров, то для этого будет достаточно вот в этом коде:
<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}&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>
заменить кнопку купить сейчас, с той что была по умолчанию:
<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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить сейчас</a>
Для страницы товара будет достаточно заменить код:
onclick="$('.goodsDataForm').submit(); return false;"
на следующий:
onclick="quickorder('.goodsDataForm'); return false;"
Для шаблона Сияние в списке аналогично выполняем 3 первых действия (закачиваем файл, добавляем 2 строчки в шаблоне HTML и добавляем js код в main.js) и меняем код кнопки:
onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"
на следующий:
onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;"
Для страницы товара меняем код с такого:
onclick="$('.goodsDataForm').submit(); return false;"
на такой:
onclick="quickorder('.goodsDataForm'); return false;"
Для шаблона Техника аналогично выполняем 3 первых действия (закачиваем файл, добавляем 2 строчки в шаблоне HTML и добавляем js код в main.js) и меняем код кнопки с такого:
onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;"
на такой:
onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;"
На странице товара:
onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;"
на такой:
onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;"
Для шаблона Мокко в списке товаров добавления товара в корзину не было, на странице товара нужно будет заменить код с такого:
<input type="submit" value="Положить в корзину" style="width:200px;" />
на такой:
<input onclick="quickorder('form.goodsDataForm');return false;" type="submit" value="Положить в корзину" style="width:200px;" />
Не забываем про 3 действия предшествующие этому, о которых я писал выше(закачать файл-шаблон в редактор тем, добавить 2 строчки в шаблоне HTML и добавить javascript код в main.js)
В шаблоне Лайт всё точно так же как в мокко. Было:
<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;" />
Если у Вас сильно модифицированный шаблон, не похожий на оригинал, а вставить форму быстрого заказа очень хочется - пишите, мы постараемся написать код для вашего шаблона.
551 (10 April 2013 - 13:57) писал:
А вообще, это очень классный шаблон. До этого мне нравился только "техника", но этот гораздо лучше. Очень современный. Вы постарались)
Да ладно, он еще и адаптивный!
Сегодня нашли баг в опера мини на android, но верю что мы его поправим, на айфонах-айпадах работало корректно...
К слову, если увидите какие-либо баги на каких-либо устройствах - пишите, мы их исправим и как всегда вознаградим за внимательность на 500 рублей за нахождение технического бага.
7
Acum56 (27 Июнь 2013 - 13:06) писал:
