Проще всего использовать для этого один из плагинов в магазине Webasyst.
Если хотите все сделать своими руками — без плагина
1. Загрузите на сервер файлы логотипов категорий
В разделе «Файл-менеджер» приложения «Сайт» создайте любую папку и загрузите в нее логотипы категорий магазина.
2. Добавьте дополнительные параметры категорий
На странице категории в разделе «Товары» приложения «Магазин» щелкните по ссылке «Настройки категории».
В открывшемся всплывающем окне в поле «Дополнительные параметры» добавьте параметр с именем файла с логотипом для этой категории.
3. Добавьте код в шаблон темы дизайна
В разделе «Витрина» выберите адрес витрины магазина, откройте файл category.html и добавьте такой фрагмент кода:
{if $category.params.logo}
<img src="/wa-data/public/site/shop/categories/{$category.params.logo}">
{/if}
Пример
Здесь /wa-data/public/site/img/shop/categories/ — это путь к директории, в которую вы загрузили логотипы категорий.
7 комментариев
$sc.params.image не проходит, естественно. Я так понимаю, что при построении списка из БД идет выборка кучи полей, но кроме params. Как вытащить иконку категории, когда она находится в списке себе подобных? Или не хотите ли в ближайшем обновлении добавить params в массив?
А можно привести пример?
<!-- subcategories -->
{if $category.subcategories}
<div class="sub-categories">
{foreach $category.subcategories as $sc}
<a href="{$sc.url}">
<div class="subcat">
<div class="catlogo"><img src="/img/categories/model/{$sc.params.image}" /></div>
<div class="catname">{$sc.name|escape}</div>
</div>
</a>
{/foreach}
<br style="clear:both;" />
</div>
{/if}
Здравствуйте! Я сделала по вашему примеру, все получилось, спасибо) А можно как то сделать так, чтобы подкатегории отображались горизонтально? Очень жду вашего ответа! :)
img src="/img/categories/model/{$sc.params.image}" align="left" /> </div> /если хотите справа от текста то вместо left пропишите right
Благодарю получилось (фото1) Скажите а реально сделать так что бы они и вот здесь отображались? (фото2) Как на фото 1 ?