Логотип в SVG формате

Логотип в SVG формате

Модуль позволяет использовать на витрине логотип в формате SVG: векторный файл или готовый SVG-код вместо растрового изображения. Логотип остаётся чётким на экранах с любой плотностью пикселей.

Для чего нужен

Модуль нужен магазинам, у которых есть векторный логотип и которые хотят, чтобы он одинаково чётко выглядел на мониторах, планшетах и смартфонах — без подбора растровых версий под каждое разрешение.

Дополнительно модуль помогает оформить сайт как приложение: он добавляет иконки для рабочего стола и мобильных устройств и формирует файл манифеста.

Основные возможности

• логотип в формате SVG на витрине;
• два способа добавления: загрузка SVG-файла или вставка SVG-кода;
• настройка ширины и высоты логотипа;
• готовый блок логотипа для менеджера блоков;
• ссылка с логотипа на главную страницу;
• иконки для рабочего стола и мобильных устройств: favicon, apple-touch-icon и другие;
• автоматическое создание файла site.webmanifest для установленных иконок.

Как работает

В менеджере блоков появляется шаблон логотипа SVG. В настройках блока выбирается тип логотипа — загруженный SVG-файл или вставленный SVG-код, — а также ширина, высота и необходимость ссылки на главную страницу. На витрине блок выводит логотип с заданными размерами, а если логотип не задан, показывается стандартный логотип темы.

Для иконок модуль принимает ZIP-архив, распаковывает его в каталог иконок и создаёт файл манифеста. На витрине модуль формирует теги иконок и манифеста в шапке страницы на основе этого манифеста.

Настройки модуля находятся в его карточке в разделе «Модули», а блок логотипа добавляется в разделе «Дизайн» → «Менеджер блоков». В карточке модуля задаётся название сайта для мета-тегов, загружается архив с иконками и при необходимости удаляются установленные иконки. В настройках блока задаются тип SVG, файл или код логотипа, его размеры и включение ссылки на главную страницу.