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(тип поля в редакторе - Файл), Изображение на мобильном -image-mobile(тип поля в редакторе - Файл), Заголовок -caption(тип поля в редакторе - (Текст), Название -name(тип поля в редакторе - Текст), Текст на кнопке -link-text(тип поля в редакторе - Текст), Ссылка -link(тип поля в редакторе - Текст)system-banner-6| Поля: Изображение -image(тип поля в редакторе - Файл), Заголовок -caption(тип поля в редакторе - (Текст), Подзаголовок -subtitle(тип поля в редакторе - (Текст), Описание -description(тип поля в редакторе - HTML), Текст ссылки -link-text(тип поля в редакторе - Текст), Ссылка -link(тип поля в редакторе - Текст), Выравнивание -text-align(тип поля в редакторе - Выпадающий список)system-banner-7| Поля: Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст)-
system-banner-8| Поля: Название -name(тип поля в редакторе - Текст), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст) -
system-banner-block-2| Поля: Название -name(тип поля в редакторе - Текст), Описание -content(HTML), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(Универсальная ссылка), Текст ссылки -button_text(Текст) system-banner-block-3| Поля: Название -name(тип поля в редакторе - Текст), Описание -content(HTML), Карта -map(Текст)system-banner-image-text| Поля: Изображение -image(тип поля в редакторе - Файл), Положение изображения -image_position(Выпадающий список), Ссылка на изображение -link_image(Текст), Текст -content(HTML)system-banner-mansonry| Поля: Название -name(тип поля в редакторе - Текст), Контент -content(HTML), Ссылка -link(тип поля в редакторе - Текст), Изображение -image(Файл), Соотношение сторон -ratio(Высота / Ширина) (Выпадающий список)system-banner-video| Поля: Ссылка -link(тип поля в редакторе - Текст), Заставка -image(Файл)system-banner-video-2| Поля: Ссылка -link(Универсальная ссылка), Заставка -image(Файл)system-benefit| Поля: Описание -description(Текст), Изображение -image(тип поля в редакторе - Файл)system-benefit-2| Поля: Заголовок -name(Текст), Описание -description(HTML), Изображение -image(тип поля в редакторе - Файл)system-collection| Поля: Категория -name(Категория)system-collection-2| Поля: Название вкладки -name(Текст), Категория -collection(Категория)system-collection-3| Поля: Категория -collection(Категория), Заголовок -name(Текст), Изображение -image(тип поля в редакторе - Файл)system-collection-4| Поля: Категория -collection(Категория), Изображение -image(тип поля в редакторе - Файл)system-collection-5| Поля: Товар -product(Товар), Расположение по горизонтали -raspolozhenie-po-gorizontali(Число из диапазона с полем ввода), Расположение по вертикали -raspolozhenie-po-vertikali(Число из диапазона с полем ввода), Скрывать цену -skryvat-tsenu(Чекбокс), Скрывать название -skryvat-nazvanie(Чекбокс), Скрывать изображение -skryvat-kartinku(Чекбокс)-
system-collection-with-description| Поля: Коллекция -collection(Категория), Описание -description(HTML) -
system-custom-block| Поля: Контент -content(HTML), Фон -theme(Выпадающий список), Ширина блока -cells(Выпадающий список), Ширина блока на планшете -cells_sm(Выпадающий список), Ширина блока на телефоне -cells_xs(Выпадающий список), Вертикальное выравнивание внутри блока -align_self(Выпадающий список), Вертикальный отступ блока -padding_y(Выпадающий список), Горизонтальный отступ блока -padding_x(Выпадающий список), Скругление углов -border_radius(Выпадающий список) -
system-element-header| Поля: Элемент -element(Выпадающий список), Ширина блока [десктоп] -cell_desktop(Выпадающий список), Выравнивание -align_desktop[десктоп] (Выпадающий список), Скрыть -hide_desktop[десктоп] (Чекбокс), Ширина блока -cell_tablet[планшет] (Выпадающий список), Выравнивание -align_tablet[планшет] (Выпадающий список), Скрыть -hide_tablet[планшет] (Чекбокс), Ширина блока -cell_phone[телефон] (Выпадающий список), Выравнивание -align_phone[телефон] (Выпадающий список), Скрыть -hide_phone[телефон] (Чекбокс), Контент для элемента "Текст" -content(HTML) -
system-faq| Поля: Вопрос -question(Текст), Ответ -answer(HTML) -
system-faq-2| Поля: Вопрос -question(Текст), Ответ -answer(HTML) -
system-form-constructor| Поля: Название -name(тип поля в редакторе - Текст), Тип поля -type(Выпадающий список), Значения -type(через запятую) (Только для групп чекбоксов, радио и списка) (Текст), Обязательное поле -required(Чекбокс) -
system-form-constructor-2| Поля: Тип поля-type(Выпадающий список), Ширина поля-cells(Выпадающий список), Название -label(тип поля в редакторе - Текст), Подсказка -placeholder(только для текст и текстовая область) (Текст), Значения -values(через запятую) (Только для групп чекбоксов, радио и списка) (Текст), Обязательное поле -required(Чекбокс) -
system-form-constructor-3| Поля: Тип поля -type(Выпадающий список), Название -label(тип поля в редакторе - Текст), Обязательное поле -required(Чекбокс) -
system-image| Поля: Название -name(тип поля в редакторе - Текст), Изображение -image(Файл) -
system-image-and-content| Поля: Вертикальная позиция изображения -vertical_position(Выпадающий список), Скрыть изображение? -hide_image(Чекбокс), Текст -content(HTML), Горизонтальная позиция изображения -horizontal_position(Выпадающий список), Изображение -image(тип поля в редакторе - Файл) -
system-image-link-text| Поля: Изображение -image(тип поля в редакторе - Файл), Кнопка -link(Текст), Текст кнопки -link_text(Текст) system-image_text| Поля: Текст -text(HTML), Изображение -image(Файл)system-image-text-button-icon| Поля: Название -name(тип поля в редакторе - Текст), Описание -content(HTML), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст), Текст кнопки -button_text(Текст), Иконка -icon(Файл)system-messenger| Поля: Заголовок -caption(Текст), Иконка -icons(Выпадающий список), Ссылка -link(тип поля в редакторе - Текст), Цвет -color(Текст)system-messengers| Поля: Заголовок -caption(Текст), Иконка -icons(Выпадающий список), Ссылка -link(тип поля в редакторе - Текст), Цвет-color(Цвет)system-payments| Поля: Ссылка -link(Текст)system-payments-prime| Поля: Иконка -image(Файл), Название -name(title) (Текст)system-payments-social| Поля: Название -name(тип поля в редакторе - Текст), Иконка -image(Файл), Тип -type(Выпадающий список), Ссылка -link(тип поля в редакторе - Текст)system-personal| Поля: Изображение -image(тип поля в редакторе - Файл), Описание -description(HTML), Подзаголовок -subtitle(Текст), Заголовок -name(Текст)system-promo-slide| Поля: Описание -description(Текст), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(Текст)system-promo-slide-2| Поля: Описание -description(Текст), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(Универсальная ссылка)system-promo-slider-2| Поля: Заголовок -name(Текст), Описание -description(Текст), Ссылка -link(тип поля в редакторе - Текст), Изображение -image(Файл), Надпись на кнопке -button_title(Текст)system-promo-slider-3| Поля: Надпись на кнопке -button_title(Текст), Изображение для мобильных устройств -image_mobile(Файл), Изображение -image(тип поля в редакторе - Файл), Ссылка -link(тип поля в редакторе - Текст), Описание -description(Текст), Заголовок -name(Текст)system-promo-slider-4| Поля: Описание -description(Текст), Заголовок -name(Текст), Ссылка -link(тип поля в редакторе - Текст), Изображение -image(Файл)system-promo-slider-5| Поля: Заголовок -name(Текст), Описание -description(Текст), Ссылка -link(Универсальная ссылка), Изображение -image(Файл), Надпись на кнопке -button_title(Текст)system-promo-slider-6| Поля: Изображение -image(тип поля в редакторе - Файл), Изображение для мобильных устройств -image_mobile(Файл), Заголовок -name(Текст), Описание -description(Текст), Ссылка -link(Универсальная ссылка), Надпись на кнопке -button_title(Текст)system-promo-slider-7| Поля: Описание -description(Текст), Заголовок -name(Текст), Ссылка -link(Универсальная ссылка), Изображение -image(Файл)system-promo-slider-8| Поля: Изображение -image(тип поля в редакторе - Файл), Изображение для мобильных устройств -image_mobile(Файл), Заголовок -name(Текст), Описание -description(Текст), Ссылка -link(Универсальная ссылка)system-review| Поля: Скрыть изображение? -hide_image(Чекбокс), Текст -content(HTML), Имя -name(Текст), Позиция изображения -image_position(Выпадающий список), Изображение -image(тип поля в редакторе - Файл)system-review-2| Поля: Скрыть изображение? -hide_image(Чекбокс), Имя -name(Текст), Текст -content(HTML), Изображение -image(Файл)system-review-4| Поля: Заголовок -name(Текст), Подзаголовок -company(Текст), Текст -content(HTML), Изображение -image(тип поля в редакторе - Файл), Скрыть изображение? -hide_image(Чекбокс)system-review-shop| Поля: Имя -name(Текст), Текст -content(HTML), Рейтинг -rating(Число из диапазона со слайдером), Дата -date(Текст), Изображение -image(тип поля в редакторе - Файл), Скрыть изображение? -hide_image(Чекбокс)system-review-social| Поля: Ссылка -link(тип поля в редакторе - Текст)system-social-2| Поля: Иконка -icons(Выпадающий список), Ссылка -link(тип поля в редакторе - Текст)system-special_products| Поля: Заголовок -name(Текст), Категория -collection(Категория)system-text-column| Поля: Контент -content(HTML)system-text-hex| Поля: Название -name(тип поля в редакторе - Текст), Цвет -hex(hex формат) (Текст)system-text-hex-2| Поля: Название -name(тип поля в редакторе - Текст), Цвет -hex(Цвет)system-text-link| Поля: Текст -text(Текст), Ссылка -link(Универсальная ссылка)system-title-and-content| Поля: Содержание -content(HTML)system-widget-feedback| Поля: Текст на кнопке -submit-text(Текст)
Пример:
{
"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 | Документация