koloskov (27 Май 2013 - 19:07) писал:
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<ul class="content_catalog_nested_categories">
{% FOR nested_categories_list %}
<li>
<!-- <div class="withBorder cornerAll" style="padding:1em"> --> <!-- я Оборачиваю в штатную рамочку -->
<div class="imagem"><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" 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>
<!-- </div> -->
</li>
{% ENDFOR %}
</ul>
<br clear="all"/>
а картинка получилась, когда я в main.css cделал как порекомендовали:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 160px;
height: 160px;
overflow: hidden;
padding: 1em;
margin: 3px;
list-style-type: none;
background: none !important;
border: 1px solid black;
border-radius: 8px;
}
Вам не нужно выполнять эти действия:
<!-- <div class="withBorder cornerAll" style="padding:1em"> --> <!-- я Оборачиваю в штатную рамочку --> <div class="imagem"><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" 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> <!-- </div> -->
Вам нужно только в файле main.css найти блок
.content_catalog_nested_categories li { text-align: center; float: left; width: 160px; height: 160px; overflow: hidden; padding: 1em; margin: 0px; list-style-type: none; background: none !important; }и изменить его на
.content_catalog_nested_categories li { text-align: center; float: left; width: 160px; height: 160px; overflow: hidden; padding: 1em; margin: 3px; list-style-type: none; background: none !important; border: 1px solid #cecece; border-radius: 8px; }Чтобы при наведении цвет рамки менялся, добавьте после того блока этот:
.content_catalog_nested_categories li:hover { border:1px solid #FF9900 !important; }изменить размер картинок категорий Вы можете в разделе настройки -> основные -> изображения категорий