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

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

Проще всего использовать для этого один из плагинов в магазине 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/ — это путь к директории, в которую вы загрузили логотипы категорий.

8 комментариев

  • +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
              Ploskiy Ploskiy 4 декабря 2016 13:54 #

              Подскажите пожалуйста, где именно нужно менять код для шоп-скрипт 7?
              Не получается изменить подкатегории "методом тыка"

              вот код

              {if $category.subcategories}

              <div class="categories_grid clearfix">

              {foreach $category.subcategories as $sc}

              <div class="item">

              <a class="in" href="{$sc.url}">

              {if $theme_settings.show_cat_photos}

              <div class="image img_middle">

              <div class="img_middle_in">

              {if $wa->shop && class_exists(shopWmimageincatPlugin) && shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}

              {*

              Плагин "Иконка, изображение и баннер для категории"

              https://www.webasyst.ru/store/plugin/shop/wmimagei...

              Фото категории

              *}

              <img src="{shopWmimageincatPlugin::getCategoryImage($sc.id, 'image')}">

              {else}

              {if isset($sc.params.img)}

              {$categoryImageUrl = "`$wa_url``$sc.params.img`"}

              <img src="{$categoryImageUrl}" alt="">

              {else}

              <img src="{$wa_theme_url}img/dummy200.png" alt="">

              {/if}

              {/if}

              </div>

              </div>

              {/if}

              <h4 class="cat_name">{$sc.name}</h4>

              </a>

              </div>

              {/foreach}

              <div class="clear-both"></div>

              </div>

              {/if}

              Меня интересует возможность прописать в каждой странице подкатегорий в доп полях для каждой подкатегории свою картинку, которую сам выберу
              Спасибо


            • +2
              Дмитрий Дмитрий 23 января 2017 13:46 #

              Подскажите, пожалуйста, а как иконки вывести например в каталоге? Т.е. чтобы в списке всего каталога у каждой категории отображалась своя иконка. Собираю боковую колонку с каталогом и хочу чтобы у каждой категории была иконка, но не видит этот параметр.

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

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