Категории на главной Shop Script Webasyst

16 августа 2017

Категории с картинками на главной Shop Script Webasyst можно реализовать так

{$categories = $wa->shop->categories(0, 1, true)} 
 <ul class="category-tree" id="factories">
        {foreach $categories as $category}
        {$category = $wa->shop->category($category.id)}
        <li id="main_category_{$category.id}" class="item" style="border: 1px dashed #b9b9b9; margin-right: 15px !important">
            <div class="sli">
                <a href="/category/{$category.url}">
                    {if $category.params.image}
                    <div class="img_contaner" style="padding: 0 0 0 0">
                        <img width="120px;" src="/wa-data/public/site/catimg/{$category.params.image}">
                    </div>
                    {/if}
                <span class="cat_name" style="margin-top: 0; text-align: center">{$category.name} </span></a>
            </div>
        </li>
        {/foreach}
 </ul>

Картинку категории добавить в /wa-data/public/site/catimg/ и указать ее в "настройки категории", в "Дополнительные параметры" пишете image=файл_картинки

Стиль подогнать под свой дизайн.

А это категории с подкатегориями, стили тоже подогнать

<ul class="cat">
    {foreach from=$wa->shop->categories(0, null, true) item=cat name=leftmenu}
    {$sub2 = $wa->shop->categories($cat.id,null,true)}
    <li {if count($sub2)>0}class="category_tree"{/if}>
        <a href="{$cat.url}">{$cat.name}</a>
        {if count($sub2)>0}
        <ul class="cat-sub2">
            {foreach from=$sub2 item=cat2 name=subleftmenu}
            {$sub3 = $wa->shop->categories($cat2.id, null, false, false)}
            <li>
                <a href="{$cat2.url}">{$cat2.name}</a>
                {if count($sub3)>0}
                <ul class="cat-sub3">
                    {foreach from=$sub3 item=cat3 name=subleftmenu}
                    <li>
                        <a href="{$cat3.url}">{$cat3.name}</a> 
                    </li>
                    {/foreach}
                </ul>
                {/if}
            </li>
            {/foreach}
        </ul>
        {/if}
    </li>
    {/foreach}
</ul>