Инструкция по созданию виджета галереи

by Мантас Павельчикас| in Инструкции on 06.03.2023 12:58 1305 /

1305/ /

Мы разработали удобный функционал, позволяющий с нуля создать свой виджет и в любой момент гибко менять его под нужды сайта. Ниже описан поэтапный процесс с кратким обзором инструмента.

Создание галереи
Создание альбома
Товарная галерея

Создание галереи

Зайдите в ваш личный кабинет (далее — ЛК), используя ваши доступы к Frisbuy.
Перейдите в раздел “Виджеты” в меню слева (на десктопе).
Нажмите на окно “Галерея”.

Вам откроется окно с редактором. На верхнем меню расположены кнопки:
— «Встроить» открывает попап с описанием и кодом для установки виджета;
— «Сохранить» используйте после внесения изменений в настройки виджета.
Ниже настройки отображения виджета:
— «Виден всем»- виджет доступен всем пользователям;
— «Только мне» — виджет отображается только в том браузере, в котором вы залогинены в ЛК Frisbuy
— «Выключен» — виджет не отображается.

Настройки отображения предпросмотра:
— переключатель окна между светлым и темным режимами;
— переключение между отображением виджета на Телефоне/ПК.
Колонка с настройками виджета:
— в первом поле можно ввести название галереи, которое отображается в ЛК;
— второе поле — выбор альбома, который закрепляется за галереей (подробнее об альбомах — ниже).

Далее идут настройки отображения галереи. Три варианта формы элементов:
— горизонтальная карусель;
— вертикальная галерея с форматом 1-ой большой пост к 4-м обычным;
— вертикальная галерея с обычными постами, есть выбор количества колонок (максимум — 10).
Подгрузка постов — доступные настройки зависят от выбора формы элементов в п.8
a. горизонтальная карусель — выбор максимума постов, которые выводятся в галерее (по умолчанию — 14);
б. вертикальная галерея (1к4 и обычная):
— «Нет» — посты не подгружаются, кол-во выводимых постов указано в поле «максимум постов»;
— «По кнопке» — под галереей будет кнопка, которой можно задать текст и отступ, по нажатию подгружает новые посты, если количество показанных постов меньше значения «максимум постов»;
— «Автоматически» — новые посты подгружаются при достижении низа галереи, если количество показанных постов меньше значения «максимум постов».
Расстояние между элементами-постами в галерее.
Отступы от виджета с четырёх сторон.

Настройки заголовка в режиме «текст», введение текста заголовка галереи.
Выбор настроек текста заголовка.
Размер шрифта и отступ снизу, от галереи.

Если вы знакомы с языком гипертекстовой разметки — HTML, то можете внести свой заголовок с дополнительными элементами во вкладке «Html» настроек заголовка.

После всех внесённых изменений в конструкторе — не забудьте нажать на кнопку сохранения.

Чтобы установить код галереи на сайт — нажмите на “Встроить” и следуйте инструкциям. Можете также посмотреть нашу инструкцию по установке кода для популярных CMS — Инструкция: как установить галереи Frisbuy на разных сайтах? — Блог Frisbuy.ru

Создание альбома

Виджеты отображают контент через альбомы, куда вы публикуете посты из ваших социальных сетей или загруженные/созданные в ЛК.

Посмотреть все альбомы, создать новые или удалить их можно во вкладке “Альбомы”.

Зайти в раздел «Медиабиблиотека».
Нажать на кнопку «Альбомы».

Введите название для вашего альбома
Нажмите на «создать альбом»

В новом окне отображается список постов, если они были опубликованы в альбом.
Для новых альбомов предлагается кнопка «Добавить пост», чтобы загрузить контент с вашего устройства.

Значок шестеренки открывает попап с настройками альбома, где можно:
— поменять название альбома;
— выбрать источник для альбома — если у него настроена автопубликация, посты из него автоматически публикуются в альбом;
— способ сортировки постов в альбоме;
— добавить или изменить обложку альбома, которая также используется в виджете сторис хайлайт.

Товарная галерея

Виджет товарной галереи позволяет внедрить разметку постов товарами из XML-фида. Вы сможете размечать ваши карточки товаров, категории или коллекции. В виджете посты можно сортировать по определенному товару или другому заданному критерию. (Подробнее про разметку — Инструкция по работе с личным кабинетом Frisbuy!)

Создание виджета. Процесс не отличается от описанного выше — на этапе добавления виджета — нажать на “товарная галерея”

После настройки внешнего вида галереи, при нажатии на кнопку “Встроить”, откроется попап с инструкцией по настройке фильтрации со списком необходимых параметров. Доступные параметры:
- &group=<groupId> — группа товаров — будет выводиться весь контент по всем товарам данной группы (на пример, все цвета данной помады);
- &sku=<offer_id> — будет выводиться контент только по заданному SKU (на пример, только определённый цвет данной помады);
- &category=<categoryId> будет выводиться контент по всем товарам категории.
Значения для параметров берутся из товарного фида (каталога товаров), который подключается в личный кабинет.