Изображение категорий

[MaximKAA]

Добрый день!
Возник вопрос по использованию изображений категории, которые можно установить в админ-панели. Создал категорию, прикрепил к ней фото, но не вижу где оно используется.
Хотелось бы в дефолтном шаблоне в горизонтальной полосе категорий перед названием сделать отображение изображения этой категории.
Не поможете реализовать данную вещь?
А то изображения вроде как есть, а вроде как и нет нигде

[simplamarket]

Добрый день!
Возник вопрос по использованию изображений категории, которые можно установить в админ-панели. Создал категорию, прикрепил к ней фото, но не вижу где оно используется.
Хотелось бы в дефолтном шаблоне в горизонтальной полосе категорий перед названием сделать отображение изображения этой категории.
Не поможете реализовать данную вещь?
А то изображения вроде как есть, а вроде как и нет нигде

Добрый день.
Код вывода самого изображения выглядит вот так:

Код: Выделить всё

{if $c->image}
   <img src="{$c->image|resize:50:50:false:$config->resized_categories_dir}">
{/if}


Но при этом не забудьте править верстку самих категорий.

кроме этого, Вы можете задать еще и фон самому элементу списка категорий, вот таким образом

Код: Выделить всё

<li class="nav-item" style="background: url({$c->image|resize:50:50:false:$config->resized_categories_dir})">

Тогда стилизировать изображение будет легче

[MaximKAA]

Добрый день!
Возник вопрос по использованию изображений категории, которые можно установить в админ-панели. Создал категорию, прикрепил к ней фото, но не вижу где оно используется.
Хотелось бы в дефолтном шаблоне в горизонтальной полосе категорий перед названием сделать отображение изображения этой категории.
Не поможете реализовать данную вещь?
А то изображения вроде как есть, а вроде как и нет нигде

Добрый день.
Код вывода самого изображения выглядит вот так:

Код: Выделить всё

{if $c->image}
   <img src="{$c->image|resize:50:50:false:$config->resized_categories_dir}">
{/if}


Но при этом не забудьте править верстку самих категорий.

кроме этого, Вы можете задать еще и фон самому элементу списка категорий, вот таким образом

Код: Выделить всё

<li class="nav-item" style="background: url({$c->image|resize:50:50:false:$config->resized_categories_dir})">

Тогда стилизировать изображение будет легче

В файле index.tpl код поправил таким образом

Код: Выделить всё

                  {foreach $categories as $c}
                     {if $c->visible}
                        {if $c->subcategories && $level == 1}
                           <li class="nav-item">
                           <button class="btn-category-collapse collapsed" type="button" data-toggle="collapse" data-target="#{$c->id}" aria-expanded="false" aria-controls="{$c->id}"></button>
                                                {if $c->image}
                     <a  href="catalog/{$c->url}" ><img src="{$c->image|resize:50:50:false:$config->resized_categories_dir}" alt="{$c->name}">{/if}
                     <span class="first">{$c->name}</span>
                     </a>
                              {if $c->subcategories|count > 1}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id two_col=true}
                              {else}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id}
                              {/if}
                           </li>
                        {else}
                           <li class="nav-item">
                              <a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                           </li>
                        {/if}
                     {/if}
                  {/foreach}


Но изображения в горизонтальной полосе категорий так и не отображаются

[simplamarket]

MaximKAA, Вам для подкатегорий нужно или для первого уровня ?
Мой пример для первого уровня, мы же за горизонтальную полоску говорили.

В блоке

{else}
<li class="nav-item">
<a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
</li>
{/if}

Вот здесь добавьте, для первого уровня

[MaximKAA]

MaximKAA, Вам для подкатегорий нужно или для первого уровня ?
Мой пример для первого уровнял, мы же за горизонтальную полоску говорили.

В блоке

{else}
<li class="nav-item">
<a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
</li>
{/if}

Вот здесь добавьте, для первого уровня

Да. Спаисбо. Не успел отписать, что именно так и сделал.
Если необходимо еще и название выводить, то так:

Код: Выделить всё

                  {foreach $categories as $c}
                     {if $c->visible}
                        {if $c->subcategories && $level == 1}
                           <li class="nav-item">

                           <button class="btn-category-collapse collapsed" type="button" data-toggle="collapse" data-target="#{$c->id}" aria-expanded="false" aria-controls="{$c->id}"></button>
                              <a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                              {if $c->subcategories|count > 1}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id two_col=true}
                              {else}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id}
                              {/if}
                           </li>
                        {else}
                        
                           <li class="nav-item">
                              {if $c->image}
                              
                              <a  href="catalog/{$c->url}" ><img src="{$c->image|resize:50:50:false:$config->resized_categories_dir}" alt="{$c->name}">
                              {/if}
                              
                              <a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                           </li>
                        {/if}
                     {/if}
                  {/foreach}


[simplamarket]

MaximKAA, Вам для подкатегорий нужно или для первого уровня ?
Мой пример для первого уровнял, мы же за горизонтальную полоску говорили.

В блоке

Вот здесь добавьте, для первого уровня

Да. Спаисбо. Не успел отписать, что именно так и сделал.
Если необходимо еще и название выводить, то так:

Код: Выделить всё

                  {foreach $categories as $c}
                     {if $c->visible}
                        {if $c->subcategories && $level == 1}
                           <li class="nav-item">

                           <button class="btn-category-collapse collapsed" type="button" data-toggle="collapse" data-target="#{$c->id}" aria-expanded="false" aria-controls="{$c->id}"></button>
                              <a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                              {if $c->subcategories|count > 1}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id two_col=true}
                              {else}
                                 {categories_tree categories=$c->subcategories level=$level + 1 parent_id=$c->id}
                              {/if}
                           </li>
                        {else}
                        
                           <li class="nav-item">
                              {if $c->image}
                              
                              <a  href="catalog/{$c->url}" ><img src="{$c->image|resize:50:50:false:$config->resized_categories_dir}" alt="{$c->name}">
                              {/if}
                              
                              <a class="nav-link" href="{$lang_link}catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
                           </li>
                        {/if}
                     {/if}
                  {/foreach}


Я так понимаю с проблемой разобрались)
При верстке учтите, что img блочный элемент, поэтому он Вам разу так собьет отступы в плашке с категорией