Как сделать на главной в карусели картинки категорий, и чтобы при клике на картинку можно было попасть в категорию, которой она соответствует?
0
Карусель Из Категорий
Автор Brendi, 07 авг. 2013 15:04
Сообщений в теме: 6
#1
Отправлено 07 Август 2013 - 15:04
#2
Отправлено 08 Август 2013 - 03:37
Как я понимаю вы хотите заменить вывод товаров в карусели на категории? Если да, то вы можете заменить в шаблоне "HTML" код
на следующий
в данном коде вам необходимо для каждой корневой категории - установить изображение через условие
т.е название категории - адрес до изображения.
<div class="mycont"> <ul class="mycarousel"> {% FOR index_page_goods %} <li> <h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3> <div style="width: 100%;position: relative;height: 100%;overflow:hidden;"> <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price"> <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Список товаров на главной -->
на следующий
<div class="mycont"> <ul class="mycarousel"> {% FOR catalog %} <li> <h3><a title="{catalog.NAME}" href="{catalog.URL | url_amp}" style="height:100px;">{catalog.NAME}</a></h3> <div style="width: 100%;position: relative;height: 100%;overflow:hidden;"> <a title="{catalog.NAME}" href="{catalog.URL | url_amp}"> <img alt="{catalog.NAME}" src="{% IF catalog.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}" /> </a> </div> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Список товаров на главной -->
в данном коде вам необходимо для каждой корневой категории - установить изображение через условие
{% IF catalog.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}
т.е название категории - адрес до изображения.
#3
Отправлено 08 Август 2013 - 09:26
Что-то не получилось, пока вернула все как было. Хотела, чтобы все категории и подкатегории отображались в карусели, на каждую у меня в админке задан рисунок, чтобы этот рисунок и отображался, и при клике на картинку человек попадал бы в категорию или подкатегорию. Наверно, я что-то не так делаю, у меня получилось так, то есть только категории без подкатегорий, и без изображений:
<div class="mycont"> <ul class="mycarousel"> {% FOR catalog %} <li> <h3><a title="{catalog.NAME}" href="{catalog.URL | url_amp}" style="height:100px;">{catalog.NAME}</a></h3> <div style="width: 100%;position: relative;height: 100%;overflow:hidden;"> <a title="{catalog.NAME}" href="{catalog.URL | url_amp}"> <img alt="{catalog.NAME}" src="{% IF catalog.NAME=Белье 1%}http://norintim.ru/catalog/Bele 1{% ELSEIF catalog.NAME=Ролевые образы 2%}http://norintim.ru/catalog/Rolevye-obrazy 2{% ELSEIF catalog.NAME=Косметика и препараты 3%}http://norintim.ru/catalog/Kosmetika-i-preparaty 3{% ELSEIF catalog.NAME=Вибраторы 4%}http://norintim.ru/catalog/Vibratory 4{% ELSEIF catalog.NAME=Фаллоимитаторы 5%}http://norintim.ru/catalog/Falloimitatory 5{% ELSEIF catalog.NAME=Вагинальные шарики 6%}http://norintim.ru/catalog/Vaginalnye-shariki 6{% ELSEIF catalog.NAME=Анальные стимуляторы 7%}http://norintim.ru/catalog/Analnye-stimulyatory 7{% ELSEIF catalog.NAME=BDSM 8%}http://norintim.ru/catalog/Aksessuary-dlya-igr-i-BDSM 8{% ELSEIF catalog.NAME=Для мужчин 9%}http://norintim.ru/catalog/Dlya-muzhchin 9{% ELSEIF catalog.NAME=Кольца и насадки 10%}http://norintim.ru/catalog/Kolca-i-nasadki 10{% ENDIF %}" /> </a> </div> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Список товаров на главной -->
#4
Отправлено 09 Август 2013 - 02:11
Цитата
только категории без подкатегорий
Вам необходимо отображать и подкатегории? Для этого используйте код
<div class="mycont"> <ul class="mycarousel"> {% FOR catalog_full %} <li> <h3><a title="{catalog_full.NAME}" href="{catalog_full.URL | url_amp}" style="height:100px;">{catalog_full.NAME}</a></h3> <div style="width: 100%;position: relative;height: 100%;overflow:hidden;"> <a title="{catalog_full.NAME}" href="{catalog_full.URL | url_amp}"> <img alt="{catalog_full.NAME}" src="{% IF catalog_full.NAME=Название категории 1%}ссылка на изображение 1{% ELSEIF catalog_full.NAME=Название категории 2%}ссылка на изображение 2{% ELSEIF catalog_full.NAME=Название категории 3%}ссылка на изображение 3{% ELSEIF catalog_full.NAME=Название категории 4%}ссылка на изображение 4{% ENDIF %}" /> </a> </div> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Список товаров на главной -->
т.е необходимо было заменить catalog на catalog_full
Цитата
и без изображений
Выше я вам сообщал, что изображения необходимо будет задавать вручную. Вы вместо ссылок на изображения, задали ссылки на категории
{% ELSEIF catalog.NAME=Вагинальные шарики 6%}http://norintim.ru/catalog/Vaginalnye-shariki 6{% ELSEIF catalog.NAME=Анальные стимуляторы 7%}
А должны были задать ссылки на изображения.
#5
Отправлено 02 Март 2016 - 20:37
Здравствуйте!
Возможно ли сделать на главную страницу вывод Категорий товаров? Наименование категории + фото категории. При нажатии на блок - переход в Категорию.
Возможно ли сделать на главную страницу вывод Категорий товаров? Наименование категории + фото категории. При нажатии на блок - переход в Категорию.
#6
Отправлено 03 Март 2016 - 05:15
Для этого зайдите в раздел Сайт - Главная страница - в нем выберите "Каталог товаров"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных