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 | Документация