info.json
Метаданные виджета в которых прописывается: поколение виджета, тип виджета, id (идентификатор), доступность в шаблонах страницы магазина, виджетлист (раздел виджетов), категории виджетов, используемый шаблон блоков, доступные зависимости (плагины).
Поколение виджета
На данный момент используется только виджеты 4 поколения, пример:
"generation": 4
Типы виджетов:
Без привязки блоков
"type": "SimpleWidgetType"
"type": "block_list_widget_type"
Типы виджетов, примеры:
Папка с виджетом
В данном примере system_widget означает что виджет будет системным и использоваться везде. v4 означает 4ое поколение, а alerts означает функционал виджета - оповещение. Главное чтобы имя папки было уникальным, наименование может быть любым.
"handle":"system_widget_v4_alerts"
Уникальный id виджета
Мы придумываем id на основе сокращений его названия, F - footer, M - medium, 1 - первый в группе. Важно проверить что id виджета уникален, вы можете посмотреть ID виджета в редакторе шаблона, при добавлении. При изменении виджета путем редактирование кода - online, в его id добавляется точка ., пример FM1.1. При добавлении виджета с одинаковым ID, в его id добавляется тире -, пример FM1-1 и FM1-2.
"sku":"FM1"
Привязка к типу страницы
"page_kinds":["product,collection"]
- all - все страницы
- index - главная страница
- collection - каталог
- product - карточка товара
- cart - страницы корзины
- page
- search - страницы поиска
- blog - страницы блога
- compare - страница сравнения
- article - страница статьи
- favorite - страница избранного
Разделы страницы
Привязка к типу виджетлиста. Доступные разделы страницы:
- Верхняя панель - top_panel
- Шапка - header
- Контент - content
- Подвал - footer
- Нижняя панель - bottom_panel
- Вне контента - outside
- Сайдбар - sidebar
Нужен чтобы, например, в виджетлисте сайдбара не было виджетов шапки/футера.
"widget_list_kinds":["before_content", "content", "after_content"]
Категории виджетов
Категории виджетов, нужна для сортировки виджетов по вкладкам. Категория баннеры:
"widget_category_handle":"banner"
- Аналогичные товары | product-similar
- Баннеры | banner
- Блог | blog
- Всплывающие окна | modals
- Другие | drugie
- Заголовки страниц | page-title
- Информация о товаре | product-info
- Карточки товара | products-cards
- Комментарии | comments
- Корзина | cart
- Навигация | navigation
- Описание категории | collection-description
- Отзывы | reviews
- Подвалы | footers
- Подкатегории | collection-subcollections
- Преимущества | benefits
- Разделители | delimeters
- Результаты поиска | search-results
- Слайдеры | sliders
- Сопутствующие товары | product-related
- Сравнение | compare
- Тексты и картинки | text
- Товары в категории | collection-products
- Товары в сайдбаре | product-sidebar
- Товары на главной | product-homepage
- Уведомления | notices
- Фильтры | filters
- Формы | forms
- Шапки | headers
- Ранее просмотренные товары | recently-viewed
- Избранное | favorites
- Статьи | articles
- Видео | video
- Истории | stories
Шаблон привязанных блоков
"block_template_handle": "system-banner-2"
Доступные шаблоны блоков:
system-banner| Поля: Название -name(тип поля в редакторе - Текст), Изображение -image(тип поля в редакторе - Файл), Пропорции -ratio(тип поля в редакторе - Выпадающий список), Ссылка -link(тип поля в редакторе - Текст)system-banner-2| Поля: Название -name(тип поля в редакторе - Текст), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст)system-banner-3| Поля: Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст)system-banner-4| Поля: Изображение -image(тип поля в редакторе - Файл)system-banner-5| Поля: Изображение -image(тип поля в редакторе - Файл), Изображение на мобильном (Файл), Заголовок (Текст), Текст (Текст), Текст на кнопке (Текст), Ссылка (Текст)system-banner-6| Поля: Изображение (Файл), Заголовок (Текст), Подзаголовок (Текст), Описание (HTML), Текст ссылки (Текст), Ссылка (Текст), Выравнивание текста (Выпадающий список)system-banner-7| Поля: Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст)system-banner-8| Поля: Название (Текст), Изображение (Файл), Ссылка (Универсальная ссылка)Баннер| Поля: Название (Текст), Описание (HTML), Изображение (Файл), Ссылка (Текст), Текст ссылки (Текст)system-banner-block-2| Поля: Название (Текст), Описание (HTML), Изображение (Файл), Ссылка (Универсальная ссылка), Текст ссылки (Текст)system-banner-block-3| Поля: Название (Текст), Описание (HTML), Карта (Текст)system-banner-image-text| Поля: Изображение (Файл), Положение изображения (Выпадающий список), Ссылка на изображение (Текст), Текст (HTML)system-banner-mansonry| Поля: Название (Текст), Контент (HTML), Ссылка (Текст), Изображение (Файл), Соотношение сторон (Высота / Ширина) (Выпадающий список)system-banner-video| Поля: Ссылка (Текст), Заставка (Файл)system-banner-video-2| Поля: Ссылка (Универсальная ссылка), Заставка (Файл)system-benefit| Поля: Описание (Текст), Изображение (Файл)system-benefit-2| Поля: Заголовок (Текст), Описание (HTML), Изображение (Файл)system-collection| Поля: Категория (Категория)system-collection-2| Поля: Название вкладки (Текст), Категория (Категория)system-collection-3| Поля: Категория (Категория), Заголовок (Текст),Изображение (Файл)system-collection-4| Поля: Категория (Категория), Изображение категории (Файл)system-collection-5| Поля: Товар (Товар), Расположение по горизонтали (Число из диапазона с полем ввода), Расположение по вертикали (Число из диапазона с полем ввода), Скрывать цену (Чекбокс), Скрывать название (Чекбокс), Скрывать изображение (Чекбокс)-
system-collection-with-description| Поля: Коллекция (Категория), Описание (HTML) -
system-custom-block| Поля: Контент (HTML), Фон (Выпадающий список), Ширина блока (Выпадающий список), Ширина блока на планшете (Выпадающий список), Ширина блока на телефоне (Выпадающий список), Вертикальное выравнивание внутри блока (Выпадающий список), Вертикальный отступ блока (Выпадающий список), Горизонтальный отступ блока (Выпадающий список), Скругление углов (Выпадающий список) -
system-element-header| Поля: Элемент (Выпадающий список), Ширина блока [десктоп] (Выпадающий список), Выравнивание [десктоп] (Выпадающий список), Скрыть [десктоп] (Чекбокс), Ширина блока [планшет] (Выпадающий список), Выравнивание [планшет] (Выпадающий список), Скрыть [планшет] (Чекбокс), Ширина блока [телефон] (Выпадающий список), Выравнивание [телефон] (Выпадающий список), Скрыть [телефон] (Чекбокс), Контент для элемента "Текст" (HTML) -
system-faq| Поля: Вопрос (Текст), Ответ (HTML) -
system-faq-2| Поля: Вопрос (Текст), Ответ (HTML) -
system-form-constructor| Поля: Название поля (Текст), Тип поля (Выпадающий список), Значения (через запятую) (Только для групп чекбоксов, радио и списка) (Текст), Обязательное поле (Чекбокс) -
system-form-constructor-2| Поля: Тип поля (Выпадающий список), Ширина поля (Выпадающий список), Название поля (Текст), Подсказка (только для текст и текстовая область) (Текст), Значения (через запятую) (Только для групп чекбоксов, радио и списка) (Текст), Обязательное поле (Чекбокс) -
system-form-constructor-3| Поля: Тип поля (Выпадающий список), Название поля (Текст), Обязательное поле (Чекбокс) -
system-image| Поля: Название (Текст), Изображение (Файл) -
system-image-and-content| Поля: Вертикальная позиция изображения (Выпадающий список), Скрыть изображение? (Чекбокс), Текст (HTML), Горизонтальная позиция изображения (Выпадающий список), Изображение (Файл) -
system-image-link-text| Поля: Изображение (Файл), Кнопка (Текст), Текст кнопки (Текст) system-image_text| Поля: Текст (HTML), Изображение (Файл)system-image-text-button-icon| Поля: Название (Текст), Описание (HTML), Изображение (Файл), Ссылка (Текст), Текст кнопки (Текст), Иконка (Файл)system-messenger| Поля: Заголовок (Текст), Иконка (Выпадающий список), Ссылка (Текст), Цвет (Текст)system-messengers| Поля: Заголовок (Текст), Иконка (Выпадающий список), Ссылка (Текст), Цвет (Цвет)system-payments| Поля: Ссылка (Текст)system-payments-prime| Поля: Иконка (Файл), Название (title) (Текст)system-payments-social| Поля: Название (Текст), Иконка (Файл), Тип (Выпадающий список), Ссылка (Текст)system-personal| Поля: Изображение (Файл), Описание (HTML), Подзаголовок (Текст), Заголовок (Текст)system-promo-slide| Поля: Описание (Текст), Изображение (Файл), Ссылка (Текст)system-promo-slide-2| Поля: Описание (Текст), Изображение (Файл), Ссылка (Универсальная ссылка)system-promo-slider-2| Поля: Заголовок (Текст), Описание (Текст), Ссылка (Текст), Изображение (Файл), Надпись на кнопке (Текст)system-promo-slider-3| Поля: Надпись на кнопке (Текст), Изображение для мобильных устройств (Файл), Изображение (Файл), Ссылка (Текст), Описание (Текст), Заголовок (Текст)system-promo-slider-4| Поля: Описание (Текст), Заголовок (Текст), Ссылка (Текст), Изображение (Файл)system-promo-slider-5| Поля: Заголовок (Текст), Описание (Текст), Ссылка (Универсальная ссылка), Изображение (Файл), Надпись на кнопке (Текст)system-promo-slider-6| Поля: Изображение (Файл), Изображение для мобильных устройств (Файл),Заголовок (Текст), Описание (Текст), Ссылка (Универсальная ссылка), Надпись на кнопке (Текст)system-promo-slider-7| Поля: Описание (Текст), Заголовок (Текст), Ссылка (Универсальная ссылка), Изображение (Файл)system-promo-slider-8| Поля: Изображение (Файл), Изображение для мобильных устройств (Файл),Заголовок (Текст), Описание (Текст), Ссылка (Универсальная ссылка)system-review| Поля: Скрыть изображение? (Чекбокс), Текст (HTML), Имя (Текст), Позиция изображения (Выпадающий список), Изображение (Файл)system-review-2| Поля: Скрыть изображение? (Чекбокс), Имя (Текст), Текст (HTML), Изображение (Файл)system-review-4| Поля: Заголовок (Текст), Подзаголовок (Текст), Текст (HTML), Изображение (Файл), Скрыть изображение? (Чекбокс)system-review-shop| Поля: Имя (Текст), Текст (HTML), Рейтинг (Число из диапазона со слайдером), Дата (Текст), Изображение (Файл), Скрыть изображение? (Чекбокс)system-review-social| Поля: Ссылка (Текст)system-social-2| Поля: Иконка (Выпадающий список), Ссылка (Текст)system-special_products| Поля: Заголовок (Текст), Категория (Категория)system-text-column| Поля: Контент (HTML)system-text-hex| Поля: Название (Текст), Цвет (hex формат) (Текст)system-text-hex-2| Поля: Название (Текст), Цвет (Цвет)system-text-link| Поля: Текст (Текст), Ссылка (Универсальная ссылка)system-title-and-content| Поля: Содержание (HTML)system-widget-feedback| Поля: Текст на кнопке (Текст)
Пример:
{
"type": "BlockListWidgetType",
"handle": "system_widget_v4_stories_3",
"sku": "ES2",
"page_kinds": [
"all"
],
"widget_list_kinds": [
"before_content",
"content",
"after_content",
"footer"
],
"generation": 4,
"name": {
"ru": "Истории",
"en": "Stories",
"es": "Cuentos"
},
"description": {
"ru": "Истории в виде изображений",
"en": "Stories as images",
"es": "Historias como imágenes"
},
"widget_category_handle": "stories",
"libraries": [
"fslightbox",
"jquery",
"splide3",
"my-layout",
"vanilla-lazyload"
],
"block_template_handle": "system-image-link-text"
}
Зависимости
Библиотеки виджета
"libraries": [
"commonjs_v2",
"jquery",
"my-layout",
"swiper"
]
- commonjs_v2 - Фреймворк InSales | Документация
- jquery | Документация
- microalert | Github
- my-layout | Github
- vanilla-lazyload | Github
- splide | Документация
- splide3 | Документация
- fslightbox | Документация
- micromodal | Документация
- body-scroll-lock | Документация
- js-cookie | Документация
- cut-list | Документация
- nouislider | Документация