Настройка плагина Изображения для категорий

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

Плагин позволяет добавить к категории до 5 различных изображений, которые можно использовать в различных целях:

  1. Иконки в меню
  2. Баннер для категории
  3. Любые произвольные изображения - например для социальных сетей

Преимущества плагина:

  1. Поддержка векторных изображений *
  2. Поддержка Retina *
  3. SEO ориентированные названия файлов *
  4. До пяти различных изображений
  5. Гибкое управление размерами изображений
  6. Интеграция с плагином Правильные изображения для оптимизации и кадрирования
  7. Поддержка формата OpenGraph *

И все это в одном плагине за XXX рублей!


Работа плагина в админке

При редактировании категории плагин добавляет возможность прикрепления файлов (возможно простое перетаскивание файла на кнопку "Выберите файл"). При загрузки изображения ему присваивается не сгенерированное имя, а транслитерированное имя загруженного файла - что полезно для SEO продвижения

Настройка плагина

Включить плагин - общее включение/выключение плагина

Размеры изображений - таблица с размерами изображений, для каждого изображения можно настроить размер по умолчанию, правила размеров используются стандартные для Shop-script

Удалить и создать заново все эскизы - после изменений размеров или других настроек можно удалить уже сгенерированные эскизы изображений

Умный режим - предназначен для упрощения работы с изображениями, в данном режиме если нет запрошенного типа изображения - берется подходящий по логике, например если запрашивается тип icon - проверяется image, promo, если запрашивается image - проверяется promo, promo - image, другие типы не рассматриваются в связи со своей специфичностью

Поддержка Retina - в данном режиме при создание эскиза генерируется изображение для Retina дисплеев, тема дизайна должна поддерживать данный режим для этого в плагине предусмотрены функции:

{shopCatimgPlugin::getRetinaImage($category_id, $type, $size)}
{shopCatimgPlugin::getSrcSet($category_id, $type, $size)}

Пример использования:

{$icon = shopCatimgPlugin::getImage($category.id, 'icon')}
{if !empty($icon)}
    <img src="{$icon}" ... {shopCatimgPlugin::getSrcSet($category.id, 'icon')}>
{/if}

Оптимизировать изображения - позволяет использовать плагин Правильные изображения для оптимизации изображений

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

Выводить в OpenGraph - выводить выбранный формат изображения в микро разметке OpenGraph. Полезно для поисковиков и публикации в социальных сетях. Пример использования - вы можете создать в типе "произвольный" необходимый размер для социальных сетей и загружать подготовленный изображения, которые и будут использоваться при публикации/постинге в социальных сетях

 

Технические данные

Формат SVG

Плагин поддерживает изображение в формате SVG - что позволяет использовать векторные иконки для категорий. Однако из-за специфики формата SVG плагин не производит его обработку а возвращает файл как он был загружен, изменение размера должно производится средствами темы дизайна

Получение изображения категории

Для получения изображения в плагине предусмотрена функция:

{$image = shopCatimgPlugin::getImage($category_id, $type, $size)}

где $category_id - идентификатор категории
      $type - тип запрашиваемого изображения (icon, image, promo, banner, custom), не обязательный параметр - если пусто используется image
      $size - необходимый размер изображения правила, не обязательный параметр - если пусто используется размер для типа заданный в настройках

При отсутствие запрашиваемого изображения у категории функция возвратить false иначе путь до изображения

Оптимизация изображений

Плагин может использовать возможности плагина Правильные изображения для оптимизации и кадрирования изображения

 

Заключение

В данном документе вы ознакомились с возможностями и настройками плагина Изображения для категорий

Плагин доступен в официальном магазине Webasyst

 

Надеемся, что данный плагин поможет Вам в работе со своим Интернет магазином!

С уважением, команда Echo-Company