шаблон сияние
#1
Отправлено 04 Январь 2011 - 12:30
Подскажите пожалуйста:
1) как в шаблоне сияние разделить страницу на 3 части?( слева каталог, справа баннер, середина -описание), если это не возможно , тогда Куда и как нужно вставить код баннера, что бы он размещался в левой части страницы под каталогом?
2) В каталоге товаров вместо названия категорий (например одежда для девочек)установить картинку
#2
Отправлено 04 Январь 2011 - 17:49
lubovr (04 Январь 2011 - 12:30) писал:
Подскажите пожалуйста:
1) как в шаблоне сияние разделить страницу на 3 части?( слева каталог, справа баннер, середина -описание), если это не возможно , тогда Куда и как нужно вставить код баннера, что бы он размещался в левой части страницы под каталогом?
На самом деле это не такая простая задача как кажется. Можно конечно добавить столбец, например в 200 пикселей, добавив банально в таблицу шаблона "html" ячейку
<td></td>и 3я колонка появится, но из-за того что шаблон разработан под поддержку мониторов 1024x768 для более высокого показателя конверсии и меньшего числа отказов. Центральная часть сайта - 720 пикселей в ширину, если добавить колонку в 200 пикселей, под баннер, то эффективное пространство останется всего 520 пикселей, т.е только половина экрана, что вызовет дискомфорт и снизит конверсию в вашем магазине. Так же это не простая задача потому что после добавления столбца придется прописывать новые размеры для всех элементов, например с 720 пикселей менять размер на 520, все вложенные элементы так же придётся ужимить на 200 пикселей, чтобы не ехала вёрстка. Проще было бы разместить баннер в колонке с категориями, чтобы оставить больше пространства для товарных предложений, иначе это снизит Вам конверсию, думаю не меньше чем на 20-30%.
lubovr (04 Январь 2011 - 12:30) писал:
То для этого потребуется заменить код в шаблоне "товары" ("Сайт" -> "Редактор тем" шаблон "товары") , добавив одно условие и отображение списка категорий. Заменить код с:
<!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div style="padding-bottom:1em;">{CATEGORY_SEO_DESCRIPTION_SHORT}</div> {% ENDIF %} <!-- Фильтры показываются только если есть товары в категории --> {% IFNOT goods_empty %} <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи --> <form action=""> <table class="goodsListingTopNavigation"> <tr> <td> <!-- Список фильтров, которые сейчас действуют на результаты поиска --> {% FOR goods_filters %} <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" /> {% ENDFOR %} <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> {% ENDIF %} </td> <td class="alignRight"> <!-- Поле выбора лимитов --> {% IF goods_show_per_page %} Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> {% ENDIF %} </td> </tr> </table> </form> <!-- END Блок выбора параметра по которому производится сортировка списка товаров --> {% ENDIF %} <!-- END Фильтры показываются только если есть товары в категории --> <!-- Goods list --> {% IF goods_empty %} <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} {% ELSE %} {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF 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 %} </p> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %} {% ENDIF %} <!-- end Goods list --> <!-- Pages --> {% IF show_pages %} <div class="pagination"> <span class="pp-title">Страницы:</span> {% FOR goods_pages %} {% IF goods_pages.CURRENT %} <span class="pp-page pp-current">{goods_pages.PAGE}</span> {% ELSE %} <a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a> {% ENDIF %} {% ENDFOR %} </div> {% ENDIF %} <!-- end Pages --> <!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <div> {CATEGORY_DESCRIPTION} </div> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %}
на
{% IF IS_FULL_CATALOG %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> {% ELSE %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div style="padding-bottom:1em;">{CATEGORY_SEO_DESCRIPTION_SHORT}</div> {% ENDIF %} <!-- Фильтры показываются только если есть товары в категории --> {% IFNOT goods_empty %} <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи --> <form action=""> <table class="goodsListingTopNavigation"> <tr> <td> <!-- Список фильтров, которые сейчас действуют на результаты поиска --> {% FOR goods_filters %} <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" /> {% ENDFOR %} <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> {% ENDIF %} </td> <td class="alignRight"> <!-- Поле выбора лимитов --> {% IF goods_show_per_page %} Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> {% ENDIF %} </td> </tr> </table> </form> <!-- END Блок выбора параметра по которому производится сортировка списка товаров --> {% ENDIF %} <!-- END Фильтры показываются только если есть товары в категории --> <!-- Goods list --> {% IF goods_empty %} <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} {% ELSE %} {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF 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 %} </p> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %} {% ENDIF %} <!-- end Goods list --> <!-- Pages --> {% IF show_pages %} <div class="pagination"> <span class="pp-title">Страницы:</span> {% FOR goods_pages %} {% IF goods_pages.CURRENT %} <span class="pp-page pp-current">{goods_pages.PAGE}</span> {% ELSE %} <a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a> {% ENDIF %} {% ENDFOR %} </div> {% ENDIF %} <!-- end Pages --> <!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <div> {CATEGORY_DESCRIPTION} </div> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} {% ENDIF %}
#3
Отправлено 10 Январь 2011 - 10:59
Я заменила код в шаблоне "Товары", в каталоге теперь отображаются изображения категорий - супер, спасибо!
Но куда-то подевалось название страницы ("Каталог товаров"), которое обычно под верхним меню, и категории сейчас расположены прямо на верхней шапке. Что я не так сделала?
#4
Отправлено 10 Январь 2011 - 11:33
#6
Отправлено 10 Январь 2011 - 11:41
По моему удалился вот этот код в начале шаблона:
<div class="page-headline"> <h1>{CATEGORY_NAME}</h1> </div> <div class="pad-box"> <!-- Строка пути --> <div id="site-path"> <p> <a href="http://{NET_DOMAIN}/">Главная</a> <!-- Если отображаем полный каталог товаров, без указания категории --> {% IF IS_FULL_CATALOG %} » <span class="current">Каталог товаров</span> <!-- Если отображаем товары в категории --> {% ELSE %} » <a href="{CATALOG_URL}" >Каталог товаров</a> {% FOR upper_navigation %} {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %} {% ENDFOR %} {% ENDIF %} </p> </div> <!-- end Строка пути -->
#7
Отправлено 10 Январь 2011 - 11:48
В любом случае спасибо, все получилось! )
#8
Отправлено 10 Январь 2011 - 11:52
#9
Отправлено 18 Январь 2011 - 01:00
#10
Отправлено 18 Январь 2011 - 10:31
#11
Отправлено 19 Январь 2011 - 13:07
#12
Отправлено 19 Январь 2011 - 13:34
http://forum.storela...indpost__p__515
тут есть и видео и текстовое описание как работать с категориями витрины магазина.
#13
Отправлено 19 Январь 2011 - 15:49
#14
Отправлено 19 Январь 2011 - 16:14
В случае если товары скрыты - они помечаются серым и не отображаются на сайте.
По моему так же не отображаются товары в случае если у них нулевой остаток и в настройках магазина (Настройки -> Основные) указана галочка напротив "Не показывать товар на сайте, если его нет в наличии".
#15
Отправлено 19 Январь 2011 - 16:27
#16
Отправлено 19 Январь 2011 - 17:42
Пришлите пожалуйста ссылку, на какой странице не видно товаров, я думаю после этого смогу понять что нужно сделать.
#17
Отправлено 19 Январь 2011 - 18:03
вот ссылка на сайт:http://vipshopaholic.ru/catalog
#18
Отправлено 19 Январь 2011 - 18:32
Tinka (19 Январь 2011 - 18:03) писал:
вот ссылка на сайт:http://vipshopaholic.ru/catalog
{% IF IS_FULL_CATALOG %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> {% ELSE %}Много раз, без закрытия условия {% ELSE %}
чтобы работало надо было вставить в конце окончания условия {% ENDIF %}
Лишний код удалил, вроде заработало.
#19
Отправлено 19 Январь 2011 - 18:55
#20
Отправлено 19 Январь 2011 - 19:04
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных