Новый Шаблон
#41
Отправлено 10 Апрель 2013 - 23:56
Пожалуйста, сделайте чтоб каждая новая строчка товаров или каталога выравнивалась по верхней линии, а также чтоб названия товаров и цены тоже выравнивались по одной линии.
Также вызывает смущение такая избыточно огромная картинка товара. А вот описание и все с ним смотрится незаметно. Было бы здорово увеличить шрифт заголовков (Описание/Характеристики/Отзывы).
Также с левой колонкой непонятности. Глаз так и бегает. Зачем "товар в наличие" такой огромный? Выпадаюшее меня модификаций смотрится незаметно, наши ничего невидящие покупатели однозначно ее не будут замечать. И более всего у меня вызывает нелепо прилепленная сопутка. Я бы предложила ее сделать еще одной вкладкой к описанию, но можно и так оставить, но как-то по другому. Гармоничнее, может быть, вертикальной "крутилкой" по 3 товара?
В целом, могу сказать, что оформление страницы товара сделано не по правилу движения взгляда по странице. Все вышеописанное - это следствие как раз этой проблемы. Боюсь, закончится тем, что мы все дружно начнем выдирать куски кодов из данной темки и вставлять в свои старые шаблоны. Как-то так(((
#42
Отправлено 11 Апрель 2013 - 01:25
Ее крутить и крутить еще
А вот куски кода из нее пригодятся
#43
Отправлено 11 Апрель 2013 - 07:19
Lola (10 Апрель 2013 - 20:39) писал:
Если вы хотите сделать активной другую вкладку, вам необходимо в шаблоне Товар найти следующий код
<ul class="tabs">
<li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1">Описание</a></li>
<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" class="active">Отзывы</a></li>
</ul>
и прописать class="active" для необходимой ссылки.
Например, чтобы была активна вкладка Описание:
<ul class="tabs">
<li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Описание</a></li>
<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4">Отзывы</a></li>
</ul>
#45
Отправлено 11 Апрель 2013 - 10:40
ogonek7777 (10 Апрель 2013 - 23:56) писал:
Пожалуйста, сделайте чтоб каждая новая строчка товаров или каталога выравнивалась по верхней линии, а также чтоб названия товаров и цены тоже выравнивались по одной линии.
Также вызывает смущение такая избыточно огромная картинка товара. А вот описание и все с ним смотрится незаметно. Было бы здорово увеличить шрифт заголовков (Описание/Характеристики/Отзывы).
Также с левой колонкой непонятности. Глаз так и бегает. Зачем "товар в наличие" такой огромный? Выпадаюшее меня модификаций смотрится незаметно, наши ничего невидящие покупатели однозначно ее не будут замечать. И более всего у меня вызывает нелепо прилепленная сопутка. Я бы предложила ее сделать еще одной вкладкой к описанию, но можно и так оставить, но как-то по другому. Гармоничнее, может быть, вертикальной "крутилкой" по 3 товара?
В целом, могу сказать, что оформление страницы товара сделано не по правилу движения взгляда по странице. Все вышеописанное - это следствие как раз этой проблемы. Боюсь, закончится тем, что мы все дружно начнем выдирать куски кодов из данной темки и вставлять в свои старые шаблоны. Как-то так(((
Главное преимущество этой темы - адаптивный дизайн, который не выдернешь и не вставишь в свой шаблон.
#46
Отправлено 11 Апрель 2013 - 12:00
И это... "Доктор, меня все игнорируют" (с) .
Есть надежда получить консультацию по моей проблеме, о которой я уже 2 раза писал выше?
У меня почему-то не работает форма быстрого заказа.
Помогите, пожалуйста, разобраться в чем дело.
#47
Отправлено 11 Апрель 2013 - 17:23
#48
Отправлено 11 Апрель 2013 - 18:33
Acum56 (11 Апрель 2013 - 17:23) писал:
в пластике данные функции уже реализованы?
или вы имели ввиду , полное отображение данных функций ??
#49
Отправлено 11 Апрель 2013 - 18:37
support (10 Апрель 2013 - 14:02) писал:
Если же вдруг понадобится наоборот, установить на свой сайт форму быстрого заказа, делается это созданием и скачиванием бэкапа этой темы, открытием архива и копированием из неё одного файла, order_fast.htm order_fast.zip в ваш шаблон, в редакторе тем, для всех шаблонов кроме пластика (там эта библиотека уже загружена) добавляем код fancybox-а в шаблон HTML, перед загрузкой файла main.js, вставкой вот такой строчки:
<link rel="stylesheet" href="{FORALL_STYLES_PATH}css/fancybox/2.1.4/jquery.fancybox.css" /> <script src="{FORALL_STYLES_PATH}css/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="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;" />
Если у Вас сильно модифицированный шаблон, не похожий на оригинал, а вставить форму быстрого заказа очень хочется - пишите, мы постараемся написать код для вашего шаблона.
Сегодня нашли баг в опера мини на android, но верю что мы его поправим, на айфонах-айпадах работало корректно...
К слову, если увидите какие-либо баги на каких-либо устройствах - пишите, мы их исправим и как всегда вознаградим за внимательность на 500 рублей за нахождение технического бага.
единственное что не сделал это:
меняем код кнопки:
onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"
на следующий:
onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;"
просто не понял где их искать...
#50
Отправлено 11 Апрель 2013 - 21:07
#51
Отправлено 11 Апрель 2013 - 23:56
#52
Отправлено 12 Апрель 2013 - 02:23
Semenovmisha (11 Апрель 2013 - 18:37) писал:
единственное что не сделал это:
меняем код кнопки:
onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"
на следующий:
onclick="quickorder('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;"
просто не понял где их искать...
В шаблоне "Товары". Находиться кнопка в блоке
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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="readmore" 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> </p> </form>
Orbis-shop.ru (11 Апрель 2013 - 23:56) писал:
В отладчике при загрузке страницы вижу ошибку:
[color=red !important]GET http://design.orbis-...ancybox.pack.js 404 (Not Found)[/color]
[color=#000000][color=red !important]GET http://design.orbis-...ry.fancybox.css 404 (Not Found) [/color][/color]
Убирал лишнюю ступеньку /css, при нажатии кнопки вылазит другое:
- [color=red !important]Uncaught TypeError: Object function (a, {return new c.fn.init(a, } has no method 'type' jquery.fancybox.pack.js:7[/color]
-
[color=red !important](anonymous function)[/color]jquery.fancybox.pack.js:7
-
[color=red !important]c.extend.each[/color]jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js:16
-
[color=red !important]f.extend.open[/color]jquery.fancybox.pack.js:7
-
[color=red !important]f.fancybox[/color]jquery.fancybox.pack.js:2
-
[color=red !important]$.ajax.success[/color]main.js:510
-
[color=red !important]b[/color]jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js:110
-
[color=red !important]x.onreadystatechange[/color]jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js:115
-
Используйте подключение
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_stars-3.0.1.js"></script>
вместо стандартного
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>
для стилей это
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
#53
Отправлено 12 Апрель 2013 - 10:21
Сake (12 Апрель 2013 - 02:23) писал:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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="readmore" 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> </p> </form>
[/size][/font]
Используйте подключение
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_stars-3.0.1.js"></script>
вместо стандартного
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.version2.min.js"></script>
для стилей это
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
С Вашим подключением кнопка быстрого заказа стала работать, по крайней мере, в шаблоне «сияние», но изображения товара стали открываться в отдельной вкладке, что не круто.
Собственно вопрос, как fancybox подключить к изображениям товара, да и в принципе ко всем всплывающим окнам?
#54
Отправлено 12 Апрель 2013 - 12:15
Rombik (12 Апрель 2013 - 10:21) писал:
Собственно вопрос, как fancybox подключить к изображениям товара, да и в принципе ко всем всплывающим окнам?
#55
Отправлено 12 Апрель 2013 - 13:23
Koderhan (12 Апрель 2013 - 12:15) писал:
Да, потому, что я удалил:
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_stars-3.0.1.js"></script> <link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
Если эти строки оставить, то изображения, как и все всплывающие окна, будут открываться в отдельной вкладке.
#56
Отправлено 12 Апрель 2013 - 14:11
P.S. Интересно... Спустя пару часов во всех браузерах нормально отображается?!
#57
Отправлено 13 Апрель 2013 - 01:51
Rombik (12 Апрель 2013 - 13:23) писал:
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_stars-3.0.1.js"></script> <link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
Если эти строки оставить, то изображения, как и все всплывающие окна, будут открываться в отдельной вкладке.
Попробуйте использовать инструкцию из следующей темы форума http://forum.storela...кко/#entry59475
dedlui (12 Апрель 2013 - 14:11) писал:
P.S. Интересно... Спустя пару часов во всех браузерах нормально отображается?!
Возможно проблема в кэше, или вносились корректировки в шаблон.
#58
Отправлено 13 Апрель 2013 - 05:46
Mikola (11 Апрель 2013 - 18:33) писал:
в пластике данные функции уже реализованы?
или вы имели ввиду , полное отображение данных функций ??
Вообще подскажите в Стореланде есть ли возможность привязки к каждому товару - аналогов (интересуют именно аналоги - не путать с сопутствующими товарами, для моей специфики продаж это очень важно) ???
#59
Отправлено 13 Апрель 2013 - 06:24
#60
Отправлено 13 Апрель 2013 - 09:43
Orbis-shop.ru (11 Апрель 2013 - 23:56) писал:
Темы с аналогичным тегами обновления, шаблоны, бесконечный скроллинг, быстрый заказ, выпадающее меню
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных