Испортила Каталог
#1
Отправлено 29 Октябрь 2013 - 15:50
http://s10669328.storeland.ru/
Что сделать,чтоб вернуть ,как было?
Или, все таки, чтоб появились отдельные цветные кнопки, в кот.написаны категории?
#2
Отправлено 29 Октябрь 2013 - 16:17
В файле html код:
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog_full.URL}" {% IF catalog_full.LEVEL>0%}style="padding-left:{catalog_full.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %} >{catalog_full.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->Заменить:
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->Или если вы хотите для каждой категории назначить свои стили то придется писать условия в цикле.
Пример:
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} {% IF catalog.NAME=Название категории1 %} <li class="catalog{catalog.index}" style="background:green;"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ELSEIF catalog.NAME =фрукты %} <li class="catalog{catalog.index}" style="background:gray;"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {%ELSE%} <li class="catalog"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->
#5
Отправлено 30 Октябрь 2013 - 14:27
OlgaS (30 Октябрь 2013 - 12:27) писал:
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
#subNavigation { display: block; border: 1px solid gray; border-radius: 10px; background: #fff8dc; } #subNavigation li { background: none; } #subNavigation .catlog-level { background-color: #faddcb; } #subNavigation li:first-child { background-color: #fde18d; }
В файле "HTML".
Найти код:
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->Заменить:
<!-- Каталог --> <ul id="subNavigation"> <li><a href="#">Каталог товаров</a></li> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li {% IF catalog.LEVEL>0%}class="catlog-level" {% ENDIF %}> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; "{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->
#6
Отправлено 30 Октябрь 2013 - 14:42
Koderhan (30 Октябрь 2013 - 14:27) писал:
В файле "main.css".
Добавить в конец файла код:
#subNavigation { display: block; border: 1px solid gray; border-radius: 10px; background: #fff8dc; } #subNavigation li { background: none; } #subNavigation .catlog-level { background-color: #faddcb; } #subNavigation li:first-child { background-color: #fde18d; }
В файле "HTML".
Найти код:
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->Заменить:
<!-- Каталог --> <ul id="subNavigation"> <li><a href="#">Каталог товаров</a></li> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li {% IF catalog.LEVEL>0%}class="catlog-level" {% ENDIF %}> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; "{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->
Но теперь там проблемка, верняя и нижняя строка имеют квадратные углы, кот. накладываются на скругления, как это исправить? И еще, при наведении на категорию, она подсвечивает зеленым...не нашла, где поменять цвет этой тенюшке((
http://s10669328.sto...ни-для-пэчворка
И как это осуществить еще:
1. Сдвинуть каталог от края тела, выровнив его по крайнее кнопке горизонтального меню ?
#7
Отправлено 30 Октябрь 2013 - 17:26
OlgaS (30 Октябрь 2013 - 14:42) писал:
Но теперь там проблемка, верняя и нижняя строка имеют квадратные углы, кот. накладываются на скругления, как это исправить? И еще, при наведении на категорию, она подсвечивает зеленым...не нашла, где поменять цвет этой тенюшке((
http://s10669328.sto...ни-для-пэчворка
И как это осуществить еще:
1. Сдвинуть каталог от края тела, выровнив его по крайнее кнопке горизонтального меню ?
<li><a href="#" style=" border-radius: 6px 6px 0px 0px; ">Каталог товаров</a></li>на
<li style=" border-radius: 9px 9px 0px 0px; "><a href="#" style=" border-radius: 6px 6px 0px 0px; ">Каталог товаров</a></li>
<li {% IF catalog.LEVEL>0%}class="catlog-level" {% ENDIF %}>на
<li {% IF catalog.LEVEL>0%}class="catlog-level" {% ENDIF %} {% IF catalog.NAME=Интерьерная игрушка %}style="border-radius: 0px 0px 9px 9px;"{% ENDIF %}>
Чтобы убрать зеленую тень, нужно в файле main.css заменить
#subNavigation li:hover { background: #FFE4B5; padding-left: 5px; box-shadow: 0 0 5px 0px #1CA74E; transition: .3s; }на
#subNavigation li:hover { background: #FFE4B5; padding-left: 5px; transition: .3s; }
#subNavigation { display: block; border: 1px solid gray; border-radius: 10px; background: #fff8dc; }на
#subNavigation { display: block; border: 1px solid gray; border-radius: 10px; background: #fff8dc; margin-left: 11px; }
#8
Отправлено 30 Октябрь 2013 - 18:11
А вот этот блок я не нахожу у себя:
<li><a href="#" style="
border-radius: 6px 6px 0px 0px;
">Каталог товаров</a></li>
#12
Отправлено 30 Октябрь 2013 - 18:26
ne_yana (30 Октябрь 2013 - 18:22) писал:
У меня тенью - шапка и верхнее меню отделились теперь(( Мне нужно сделать тень только по контуру основного телаи бокам шапки...не знаю,как обяснить)) Короче, надо убрать тень между шапкой и телом
#13
Отправлено 30 Октябрь 2013 - 18:44
OlgaS (30 Октябрь 2013 - 18:26) писал:
У меня тенью - шапка и верхнее меню отделились теперь(( Мне нужно сделать тень только по контуру основного телаи бокам шапки...не знаю,как обяснить)) Короче, надо убрать тень между шапкой и телом
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); overflow: auto; }на
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 10px white, 0 0 10px rgba(0,0,0,0.5); overflow: auto; }
#14
Отправлено 30 Октябрь 2013 - 19:18
ne_yana (30 Октябрь 2013 - 18:44) писал:
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); overflow: auto; }на
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 10px white, 0 0 10px rgba(0,0,0,0.5); overflow: auto; }
#15
Отправлено 22 Ноябрь 2013 - 19:05
#16
Отправлено 22 Ноябрь 2013 - 19:41
OlgaS (22 Ноябрь 2013 - 19:05) писал:
<!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %}на
<!-- Если список товаров пуст --> <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSEIF goods_empty %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% IF nested_categories_list_empty && goods_empty=0%}
#17
Отправлено 22 Ноябрь 2013 - 21:02
Еще вопрос, у меня теперь при открытии любой категории, окна товаров верхней строки смещены на 1 позицию вправо почему-то...Как это исправить?
#18
Отправлено 22 Ноябрь 2013 - 21:25
OlgaS (22 Ноябрь 2013 - 21:02) писал:
Еще вопрос, у меня теперь при открытии любой категории, окна товаров верхней строки смещены на 1 позицию вправо почему-то...Как это исправить?
Редактируем шаблон Товар
Находим
<!-- Если список товаров пуст --> <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSEIF goods_empty %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% IF nested_categories_list_empty && goods_empty=0%} {% FOR goods %}
Заменяем на
<!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %}
#19
Отправлено 22 Ноябрь 2013 - 21:36
Castiel (22 Ноябрь 2013 - 21:25) писал:
Находим
<!-- Если список товаров пуст --> <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSEIF goods_empty %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% IF nested_categories_list_empty && goods_empty=0%} {% FOR goods %}
Заменяем на
<!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %}
А мне надо: чтоб при нажатии на "Каталог" на странице отображались сначала категории, а не сразу весь товар.
И при этом не было этого сдвига, который появился после((
#20
Отправлено 22 Ноябрь 2013 - 21:51
OlgaS (22 Ноябрь 2013 - 21:36) писал:
А мне надо: чтоб при нажатии на "Каталог" на странице отображались сначала категории, а не сразу весь товар.
И при этом не было этого сдвига, который появился после((
Не совсем понятна ваша проблема.
При нажатии на Каталог у меня отображаются все категории (см. приложение 1)
Опишите подробнее как вы хотите сделать.
У вас в боковом меню не правильно прописана ссылка на каталог товаров, для того чтобы ее исправить вам необходимо отредактировать шаблон HTML
Находим
<li style="border-radius: 9px 9px 0px 0px;"><a href="#" style="border-radius: 6px 6px 0px 0px;">Каталог товаров</a></li>
Заменяем на
<li style="border-radius: 9px 9px 0px 0px;"><a href="/catalog" style="border-radius: 6px 6px 0px 0px;">Каталог товаров</a></li>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных