3) Вам необходимо в шаблоне "HTML" найти
<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>
и заменить на
<a href="{catalog.URL}" style="{%IF catalog.NAME=Раскрашивание по номерам - популярные сюжеты%}{% ENDIF %}font-weight:bold;background:#FFD300;{% IF catalog.LEVEL>0%}padding-left:{catalog.LEVEL | multiply('20')}px{% ENDIF %}" {% IF catalog.CURRENT %}class="selected"{% ENDIF %}>{catalog.NAME}</a>
категория будет выделяться по условию.
Цитата
после изменения размеров изображения товаров в основных настройках, почти все изображения стали "мутными", прошу исправить
Попробуйте очистить кэш в вашем браузере.
A) Вам необходимо в шаблоне "Товары" найти
<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
и заменить на
<div class="goodsListItemImage"><div style="display: table-cell; vertical-align: middle;"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div></div>
далее в файле стилей main.css найти
.goodsListItemImage {
height: 100px;
margin-bottom: 45px;
margin-top: 1em;
}
и заменить на
.goodsListItemImage {
display: table;
height: 145px;
margin: 1em auto;
overflow: hidden;
}
Б) Вам необходимо в файле стилей main.css найти
.goodsListItemName {
line-height: 1.2em;
margin: 0;
max-height: 3.6em;
overflow: hidden;
padding: 0 2px;
}
и заменить на
.goodsListItemName {
height: 40px;
line-height: 1.2em;
margin: 0;
overflow: hidden;
padding: 0 2px;
}
далее добавить
.goodsListItemPriceNew {
padding-top: 10px;
}
В) Вам необходимо в шаблоне "Товары" найти
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
и переместить данную строку вставив её сразу после строки
<div class="goodsListItemBlock withBorder cornerAll">
Г) Этого сделать нельзя, изображения изначально должны загружаться одинакового размера. Если задать принудительный размер изображению, то некоторые изображения которые не попадают в эти рамки будут растянуты или сужены. Можно только скрыть лишнюю часть изображения, это сделано в пункте А
Д) Задать шрифт названия товара вы можете в файле стилей main.css, а именно в классе
.goodsListItemName a {
color: #000099;
font-size: 14px;
font-weight: bold;
line-height: 1.2em;
margin: 0;
padding: 0;
}
в данном классе вам необходимо указать необходимые параметры шрифта. Например
.goodsListItemName a {
color: #000099;
margin: 0;
padding: 0;
font: bold 14px/1.2em "Times New Roman";
}