Webasyst Shop Script, картинки для категорий, бесплатно

20 июня 2019

Для вывода в Webasyst Shop Script картинок для категорий есть несколько платных плагинов. Все они хороши по-своему и стоят недорого. Но если что - то вот вам рецепт, как вывести картинки категорий бесплатно, штатными методами Webasyst 

Недавно я рассказывал, как в Webasyst добавить изображение к записи блога. Картинки для категорий Shop Script делать аналогично, с помощью доп. параметров, key=value.

Итак, приложение Сайт, слева Файл-менеджер, создайте папку (например imgcat)

Загрузите в созданную папку imgcat картинку для категории, например 1.jpg

В настройках категории, для которой выводите картинку, в Дополнительные параметры пишите image=файл_картинки (в данном случае пишите image=1.jpg)

Теперь в нужном месте шаблона картинку можно вывести так

{if $sc.params.image}
    <img src="/wa-data/public/site/imgcat/{$sc.params.image}">
{/if}

Вот готовое решение для темы Дефолт

в файле category.html (с 70 строчки) вместо

<!-- subcategories -->
{if $category.subcategories}
    <ul class="sub-links">
        {foreach $category.subcategories as $sc}
            <li><a href="{$sc.url}">{$sc.name|escape}</a></li>
        {/foreach}
    </ul>
{/if}

сделать так

<!-- subcategories -->
{if $category.subcategories}
<ul class="sub-links">
    {foreach $category.subcategories as $sc}
    <li>{if $sc.params.image}
        <img src="/wa-data/public/site/imgcat/{$sc.params.image}"><br>
        {/if}
        <a href="{$sc.url}">{$sc.name|escape}</a>
    </li>
    {/foreach}
</ul>
{/if}

Стили подгоните под свои нужды