LiquidHub

Документация шаблонов 4 поколения — виджеты, Liquid, common.v2.js и API магазина.

Виджеты API сайта

Шаблоны 4 поколения Архив темы: layout, настройки и состав страниц. Виджеты Настраиваемые блоки, из которых собирается шаблон. common.v2.js Готовые скрипты корзины, товара, поиска и фильтров. API сайта JSON-методы браузера: корзина, каталог, заказ. InSales API API бэк-офиса для товаров, заказов и приложений. Примеры Разборы капчи, валют и картинок у опций.

С чего начать: вводная шаблона, вводная виджета, корзина сайта.

4 поколение

Шаблоны

Шаблоны состоят из виджетов и файлов с настройками.

• Layout для страницlayout.liquid
• Setupsetup.json
• Settingssettings.json
• Значения настроекsettings_data.json
• Messagesmessages.json

Виджеты

Из виджетов собираются шаблоны. Виджеты состоят из следующих файлов:

• HTML виджетаsnippet.liquid
• SCSSsnippet.scss
• JSsnippet.js
• Переводыmessages.json
• Форма настроекsettings_form.json
• Настройки по умолчаниюsettings_data.json
• Блоки по умолчаниюsetup.json
• Пресеты блоковblock_settings_presets.json
• Превью preview.jpg mobile_preview.jpg
• Метаданныеinfo.json

Иконки

Иконки редактора прописываются в настройках формы.

Иконки шаблонов подключаются классами в разметке виджета.

• Настройки редактораsettings_form.json
• Разметка виджетаsnippet.liquid

Core.css

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

• Разметкаsnippet.liquid
• Стилиsnippet.scss

Технологии

Liquidhub

Теги управляют логикой шаблонов и используются в сниппете виджета.

• Сниппетsnippet.liquid

SCSS

Стили виджета пишутся в отдельном файле.

• Стили виджетаsnippet.scss

Javascript

Плагины и фреймворки подключаются в метаданных, настройки пишутся в скрипте виджета.

• Подключениеinfo.json
• Настройкиsnippet.js

• splide@3.6.9
• commonjs_v2
• my-layout
• microalert
• vanilla-lazyload
• fslightbox
• micromodal
• body-scroll-lock
• js-cookie
• cut-list
• nouislider

JSON

Формат JSON используется в переводах, формах настроек, значениях, блоках, пресетах и метаданных.

• messages.json
• settings_form.json
• settings_data.json
• setup.json
• block_settings_presets.json
• info.json

Используемые понятия

Левая панель редактора

Левая часть редактора с настройками шаблона и виджетов.

Область сайта редактора

Основная часть редактора, в которой отображается версия сайта с текущими изменениями. Изменения применяются в режиме реального времени.

Верхняя панель редактора

Область редактора, где располагаются общие настройки шаблона.

Редактор

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

Панель администратора

Система управления онлайн-продажами: товары, домен, способы оплаты и другие каналы продаж.

Виджет

Настраиваемый элемент сайта, который иногда состоит из блоков.

Виджет-листы

Области страницы, где располагается список виджетов. Например, шапка или контент.

Блок

Повторяющиеся настройки виджета: пользователь добавляет блоки и меняет их местами через редактор.