Более 200 модулей для CS-Cart по единой подписке за 3 000 ₽ в месяц

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

Позволяет использовать на сайте логотип в SVG формате
Укажите домен без http и слешей. Пример: domain.com
По подписке
Последняя версия модуля Обновлено:
Есть вопросы по модулю? Напиши нам: HelpDesk Bot

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

Этот модуль входит в нашу Подписку.

Оформите подписку — и пользуйтесь всеми модулями без ограничений.

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

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

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

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

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

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

Как работает

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

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

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

Остались вопросы по работе модуля?

Напишите нам.


Продукт:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Назначение:
  • Владельцам
Архитектура
:
  • Frontend
Локализации:
  • English
  • Русский
Совместимость:
  • 4.18.X
  • 4.17.X
  • 4.16.X
  • 4.15.X
  • 4.14.X
  • 4.13.X
  • 4.12.X

Инструкция к модулю «Логотип в SVG формате»

Что делает модуль

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

Где находится модуль

Настройки модуля — в разделе «Модули», в карточке «Логотип в SVG формате». Блок логотипа добавляется в разделе «Дизайн» → «Менеджер блоков».

Настройка модуля

  1. Откройте карточку модуля «Логотип в SVG формате».
  2. Укажите Название сайта — оно попадёт в мета-теги иконок.
  3. При необходимости загрузите ZIP-архив с иконками в поле Загрузите ZIP-файл с иконками. Архив должен содержать apple-touch-icon.png, favicon-96x96.png, favicon.ico, favicon.svg, web-app-manifest-192x192.png, web-app-manifest-512x512.png.
  4. Сохраните настройки.

Добавление блока логотипа

  1. Перейдите в раздел «Дизайн» → «Менеджер блоков».
  2. Добавьте новый блок и выберите шаблон «MS: Логотип магазина в SVG».
  3. Выберите Тип SVG: «Выбрать файл SVG» или «Вставить код SVG».
  4. Загрузите файл или вставьте код логотипа, укажите Ширину изображения и Высоту изображения.
  5. Включите Включить ссылку, если логотип должен вести на главную страницу.
  6. Разместите блок и сохраните изменения.

Установка иконок

Подготовьте ZIP-архив с иконками и загрузите его в настройках модуля. Модуль распакует архив в каталог иконок и автоматически создаст файл site.webmanifest. Удалить установленные иконки можно кнопкой Удалить загруженные иконки.

Как проверить работу

  1. Убедитесь, что блок логотипа добавлен через менеджер блоков и отображается на витрине.
  2. Проверьте, что размеры логотипа соответствуют заданным.
  3. Проверьте, что иконки установлены и файл site.webmanifest создан.
  4. Откройте витрину в браузере и убедитесь, что favicon отображается.

Типовые проблемы

  • Логотип не отображается. Проверьте, что блок добавлен в менеджере блоков, а SVG-файл загружен или код вставлен корректно. Если логотип не задан, выводится стандартный логотип темы.
  • Иконки не устанавливаются. Проверьте, что загружен именно ZIP-архив и в нём есть все необходимые файлы.
  • Неверные размеры логотипа. Проверьте настройки ширины и высоты в блоке.

История изменений

v1.4.1 от 07.10.2026

[*] Обновлен шаблон модуля.

v1.4.0 от 2026-01-16

[+] Рефакторинг модуля.

v1.3.1 от 2025-03-20

[!] Исправлены ошибки в манифесте.

v1.3.0 от 2025-03-14

[+] Установка иконок на рабочий стол.

v1.2.0 от 2024-07-23

[!] Исправлена возможность загрузки файлов svg для новых версий cs-cart, в которых эту возможность скрывали через файл config.

v1.1.3 от 2024-07-22

[*] Изменены короткие теги v1.1.1 от 2023-05-25.

[!] Изменен редактор вставки кода SVG на текстовую область.

v1.1.0 от 2023-05-19

[+] Добавлено возможность загружать файл изображения в формате SVG.

[+] Добавлено возможность изменять размеры загружаемого логотип.

v1.0.3 от 2023-03-02

[*] Обновлены языковые переменные.

v1.0.2 от 2022-12-13

[+] Обновлены файлы лицензирования.

v1.0.1 от 2022-12-07

[!] Исправлена небольшая ошибка.

v1.0.0 от 2022-12-07

[+] Первое издание.

Обозначения:

[+] Добавлено

[-] Удалено

[*] Изменено

[!] Исправлена ошибка

Отзывы

Здесь можно поделиться своим мнением и оценить нашу работу.

Ваши отзывы помогают нам стать лучше и предлагать вам еще более качественный сервис.

Похожие модули