Как добавить логотипы для категорий товаров

С помощью плагина или своими руками — без плагина

Проще всего использовать для этого один из плагинов в магазине 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 комментариев

  • +1
    Плебей Плебей 7 сентября 2013 10:03 #
    А как можно то же самое провернуть с субкатегориями на странице категории?
    $sc.params.image не проходит, естественно. Я так понимаю, что при построении списка из БД идет выборка кучи полей, но кроме params. Как вытащить иконку категории, когда она находится в списке себе подобных? Или не хотите ли в ближайшем обновлении добавить params в массив?
    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 30 сентября 2013 07:30 #
      Для этого нужно при вызове метода {$wa->shop->categories()} добавить ещё четвёртый параметр со значение true, например: {$wa->shop->categories(0, null, true, true)} и в атрибуте Smarty-функции {wa_print_tree} для получения значений доп. параметров категорий (например, параметра с именем icon) использовать синтаксис вида :params.icon
      • +2
        Дмитрий Дмитрий 10 декабря 2015 14:48 #

        А можно привести пример?

        • +2
          Андреич Андреич 6 февраля 2016 10:20 #

          <!-- 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}

          • +1
            юлия иванкина юлия иванкина 21 июня 2016 10:27 #

            Здравствуйте! Я сделала по вашему примеру, все получилось, спасибо) А можно как то сделать так, чтобы подкатегории отображались горизонтально? Очень жду вашего ответа! :)

            • +1
              Алексей Соловьев Алексей Соловьев 3 марта 2017 15:44 #

              img src="/img/categories/model/{$sc.params.image}" align="left" /> </div> /если хотите справа от текста то вместо left пропишите right

            • +1
              Сергей Сиренко Сергей Сиренко 13 ноября 2021 17:16 #

              Благодарю получилось (фото1) Скажите а реально сделать так что бы они и вот здесь отображались? (фото2) Как на фото 1 ?

              Добавить комментарий

              Чтобы добавить комментарий, зарегистрируйтесь или войдите