Прелесть SVG раскрывает масштабирование. Если увеличить растровое изображение сверх 100%-ного размера — проявляется пикселизация: отдельные точки превращаются в одноцветные блоки пикселей, границы областей становятся ступенчатыми, и в целом картинка выглядит негладко, некрасиво.
Если же увеличить векторное изображение — все его детали останутся чёткими, то есть их видимое разрешение не уменьшится. Поэтому svg-картинки отображаются на самых больших разрешениях без потери качества — и просто идеальны для адаптивных сайтов.
Данный плагин позволяет добавлять и редактировать на лету svg изображения для категорий товаров и выводить их в нужном месте шаблона.
Для вставки тега IMG добавьте хелпер в нужное место темы дизайна. При необходимости, есть возможность задать размеры width и height как в абсолютных, так и в относительных значениях в соответствии с css правилами ('200px', '100%', '100vw'):
shopCatsvgPlugin::getImage($category_id, $width = null, $height = null, $alt = null);
Для вставки тега SVG добавьте хелпер в нужное место темы дизайна:
shopCatsvgPlugin::getImageInline($category_id);
Обратите внимание, при данном способе размещения может возникнуть ситуация, при которой будет необходимо добавить css стили, в случае если размер изображения не ограничен родительским контейнером.
Для того чтобы получить изображение в кодировке BASE64, вызовите хелпер в нужном месте шаблона, либо в исходном коде:
shopCatsvgPlugin::getBase64($category_id);
Интеграция в тему дизайна является платной услугой и не входит в стоимость плагина.
Если у вас возникли трудности, просто напишите нам на freelab@bk.ru, указав где и как вы хотите выводить картинки категорий, мы вам поможем.
