Новый Шаблон
#1
Отправлено 10 Апрель 2013 - 11:09
- Выпадающее меню, которое хорошо отображает многоуровневые разделы.
- «Бесконечный скроллинг». Позволит вашим покупателям просмотреть большое количество товаров за меньшее время, а значит быстрее сделать выбор и быстрее оформить заказ --->.
- Кстати, быстрый заказ тоже новая возможность. Теперь ваши клиенты смогут экономить свое время при оформлении заказа. А чем проще и быстрее эта процедура, тем больше вероятность возвращения клиента именно в ваш магазин.
- Еще одно дополнение – динамическое изменение расположения товаров, которое подстраивается под изменение размера экрана.
#3
Отправлено 10 Апрель 2013 - 13:19
под одежду хорошо подходит
#4
#5
Отправлено 10 Апрель 2013 - 13:35
т.е быстрый заказ на наш сайт?
#6
Отправлено 10 Апрель 2013 - 13:41
#7
Отправлено 10 Апрель 2013 - 13:57
Да ладно, он еще и адаптивный!
#8
Отправлено 10 Апрель 2013 - 14:02
Если же вдруг понадобится наоборот, установить на свой сайт форму быстрого заказа, делается это созданием и скачиванием бэкапа этой темы, открытием архива и копированием из неё одного файла, order_fast.htm order_fast.zip 5,8К 959 Количество загрузок: в ваш шаблон, в редакторе тем, для всех шаблонов кроме пластика (там эта библиотека уже загружена) добавляем код 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 Апрель 2013 - 13:57) писал:
Да ладно, он еще и адаптивный!
К слову, если увидите какие-либо баги на каких-либо устройствах - пишите, мы их исправим и как всегда вознаградим за внимательность на 500 рублей за нахождение технического бага.
#9
Отправлено 10 Апрель 2013 - 14:23
#11
Отправлено 10 Апрель 2013 - 15:20
Всемогущий (10 Апрель 2013 - 14:25) писал:
#12
Отправлено 10 Апрель 2013 - 15:28
#13
Отправлено 10 Апрель 2013 - 15:31
#14
Отправлено 10 Апрель 2013 - 15:37
Ботаникус (10 Апрель 2013 - 15:31) писал:
Так прежде чем нажать "заказать", покупатель рядом с этой кнопкой может выбрать количество. Единственное, что меня смущает именно в этой форме быстрого заказа - нет кнопки "продолжить покупки".
#15
Отправлено 10 Апрель 2013 - 15:49
551 (10 Апрель 2013 - 15:37) писал:
Да, и ещё: попадая на страницу товара, внизу надо бы сделать так, что бы отображалось описание товара, а не отзывы. Мои тётеньки не сообразят нажать на описание, это 100% )) И есть ли в этом шаблоне функция С этим товаром смотрят?
#16
Отправлено 10 Апрель 2013 - 16:02
551 (10 Апрель 2013 - 15:37) писал:
#17
Отправлено 10 Апрель 2013 - 16:04
KVD (10 Апрель 2013 - 16:02) писал:
#18
Отправлено 10 Апрель 2013 - 16:04
Ботаникус (10 Апрель 2013 - 15:49) писал:
#19
Отправлено 10 Апрель 2013 - 16:09
KVD (10 Апрель 2013 - 16:02) писал:
И еще у меня вопрос: когда добавляешь товары в корзину, справа вверху (в шапке) пишет, сколько товаров в корзине. Допустим я добавил 2 малины, в корзине сверху показывает "2 товаров в корзине". Я захожу в категорию техника и заказываю айфон, в корзине показывает 2,1 товаров в корзине. Он разбивает по категориям видимо - это странно, но ок. Я захожу в категорию одежда и кладу ботинки в корзину и он мне пишет 2, 2 товаров в корзине - вот тут то точно что-то работает не так.
#20
Отправлено 10 Апрель 2013 - 16:15
И конечно же, как и во всех предыдущих шаблонах осталась больная тема с кнопкой заказать из списка товаров. У товаров почти всегда есть модификации и нажав на заказать из списка товаров, в корзину кладется первая попавшаяся модификация, причем потом уже покупатель нигде не может ее изменить, только удалить товар и положить в корзину заново.
Темы с аналогичным тегами обновления, шаблоны, бесконечный скроллинг, быстрый заказ, выпадающее меню
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных