как сделать чтобы картинка (та где шляпа и снасти) была ровно по середине блока (белого прямоугольника)
Откройте файл /themes/тема/category.tpl
Код:
<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>
замените на:
Код:
<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) no-repeat; min-height:{$categorySize.height}px;"{/if}>
и как подогнать ее размер ?
Необходимо подготовить изображение в любом редакторе под размер.
Для вашего интернет-магазина размер изображения для категории:
870px × 217px.
Возьмите любое подходящее изображение в ширину как минимум 870 пикс. откройте в редакторе (например XnView) выберите изменение размера и выполните обработку размера:
870px × 217px.