Как Убрать Аватарки Категорий И Подкатегорий И Сделать Их В Виде Списка?
#1
Отправлено 26 Сентябрь 2014 - 13:09
Здравствуйте!
Помогите пожалуйста из такого вида категорий
Сделать такой вид
----------------------------------------------------------------------------
Нужно чтобы после списка подкатегорий шли фото товара
#2
Отправлено 27 Сентябрь 2014 - 06:56
Ксюша (26 Сентябрь 2014 - 13:09) писал:
Здравствуйте!
Помогите пожалуйста из такого вида категорий 724f996a.jpg
Сделать такой вид 5acf0253.png
----------------------------------------------------------------------------
Нужно чтобы после списка подкатегорий шли фото товара
Обновленный код шаблона "Товары":
#5
Отправлено 27 Сентябрь 2014 - 13:20
#6
Отправлено 29 Сентябрь 2014 - 19:05
#7
Отправлено 29 Сентябрь 2014 - 22:00
Ксюша (29 Сентябрь 2014 - 19:05) писал:
В style.css найдите код
.main_general { margin-bottom: 11px; margin-left: 11px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; }И замените на
.main_general { padding-bottom: 11px; margin-left: 11px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; float: left !important; width: 32%; background-color: #FF0; }Так же в конец файла style.css добавьте код
a.category-name { display: block; text-align: center; }Значение #FF0(цвет) замените на свое
#8
Отправлено 30 Сентябрь 2014 - 12:12
Danil (29 Сентябрь 2014 - 22:00) писал:
В style.css найдите код
.main_general { margin-bottom: 11px; margin-left: 11px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; }И замените на
.main_general { padding-bottom: 11px; margin-left: 11px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; float: left !important; width: 32%; background-color: #FF0; }Так же в конец файла style.css добавьте код
a.category-name { display: block; text-align: center; }Значение #FF0(цвет) замените на свое
Спасибо большое.
Только вот эта проблема не исчезла
#9
Отправлено 30 Сентябрь 2014 - 15:07
Ксюша (30 Сентябрь 2014 - 12:12) писал:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general" style="float:none;"> <div> <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div>{% ENDFOR %} </div> <br clear="all"/>на
{% IF GOODS_PAGES_CURRENT=1 %} <!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general" style="float:none;"> <div> <a class="category-name" style="text-decoration:underline;" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div>{% ENDFOR %} </div> <br clear="all"/> {% ENDIF %}
#11
Отправлено 30 Сентябрь 2014 - 16:22
Ксюша (30 Сентябрь 2014 - 15:58) писал:
Восстановите бекап за сегодняшнее число за час дня и произведите изменения еще раз, только будьте внимательны.
#12
Отправлено 30 Сентябрь 2014 - 17:49
Спасибо большое всем вам за помощь)
#14
Отправлено 30 Сентябрь 2014 - 18:14
#15
Отправлено 28 Сентябрь 2016 - 17:39
сайт и стр примера
#16
Отправлено 29 Сентябрь 2016 - 04:39
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %}
замените на:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров -->
#17
Отправлено 30 Сентябрь 2016 - 15:29
Vaccina (29 Сентябрь 2016 - 04:39) писал:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %}
замените на:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров -->
Спасибо!
И кстати, что то в предложенном коде нарушено,так как в головном каталоге начинают изображаться еще и товары вперемежку с добавочным каталогом.
#18
Отправлено 01 Октябрь 2016 - 02:03
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="category-list"> {% FOR nested_categories_list %} <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div>{% ENDFOR %} </div> <div style="clear:both;"></div> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="category-list"> {% FOR nested_categories_list %} <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div>{% ENDFOR %} </div> <div style="clear:both;"></div> <!-- В категориях используем стандартный алгоритм отображения товаров -->
В style.css найдите:
.product-name { text-align: center; text-transform: none; font-weight: ; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 70px; }
после него пропишите:
.category-list > div { display: inline-block; width: 33%; height: auto; text-align: left; }
#19
Отправлено 05 Октябрь 2016 - 15:34
Vaccina (01 Октябрь 2016 - 02:03) писал:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="category-list"> {% FOR nested_categories_list %} <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div>{% ENDFOR %} </div> <div style="clear:both;"></div> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="category-list"> {% FOR nested_categories_list %} <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div>{% ENDFOR %} </div> <div style="clear:both;"></div> <!-- В категориях используем стандартный алгоритм отображения товаров -->
В style.css найдите:
.product-name { text-align: center; text-transform: none; font-weight: ; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 70px; }
после него пропишите:
.category-list > div { display: inline-block; width: 33%; height: auto; text-align: left; }
угу, а теперь посмотрите на главный каталог, это ужасно http://vip-ikona.ru/catalog
как понять что это вообще каталог? давайте главный каталог оставим как он бы, пжл,
необходимо изменить только подкаталоги, пусть они будут в цветных квадратах (каждый пункт в своем) и по три ряда
Заранее спасибо!
#20
Отправлено 06 Октябрь 2016 - 07:18
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров -->
замените на:
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте --> {% IF CATALOG_FULL %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square"> <a class="product_img" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров --> {% ELSE %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <div class="product-list2"> {% FOR nested_categories_list %}<div class="main_general"> <div> <div class="product"> <div class="product-name"> <a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </div> </div> </div>{% ENDFOR %} </div> <br clear="all"/> <!-- В категориях используем стандартный алгоритм отображения товаров -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных