Ідентифікатор шаблону можна скопіювати кнопкою у рядку шаблону в списку шаблонів
Типи структурних одиниць
Блок
Базова структурна одиниця шаблону без наперед визначеної поведінки. Використовується як контейнер для верстки та стилізації довільного вкладеного вмісту. Може містити структурні одиниці будь-якого типу
Елемент
Структурна одиниця шаблону, якій обов'язково призначається елемент із переліку нижче. Кожен такий елемент має власну вбудовану динамічну поведінку та прив'язку до даних
Перелік усіх елементів:
"Власний HTML" - виводить довільний HTML або текст, вказаний у полі шаблону
"Власні зображення" - контейнер завантажених зображень шаблону. Для кожного зображення виводить дочірній елемент
"Власне зображення" - одне із зображень зі списку батьківського елементу. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "image"
"Іконка" - виводить одну іконку з бібліотеки, обрану в полі "Іконка". Малюється кольором тексту, квадрат 1em, поки не задано власну ширину й висоту
"Пошук" - поле пошуку
"Очищення пошуку" - очищує поле пошуку при натисканні. Якщо пошук застосовується автоматично - результати оновлюються одразу, інакше - після натискання на елемент "Застосування"
"Фільтри" - контейнер усіх фільтрів шаблону. Для кожного фільтра виводить дочірню структуру
"Фільтр" - один фільтр. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "filter"
"Заголовок фільтра" - заголовок фільтра
"Опції фільтра" - перелік опцій фільтра (лише для фільтрів типу "Чекбокси" або "Радіокнопки"). Для кожної опції виводить дочірній елемент
"Опція фільтра" - одна опція фільтра. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "filterOption"
"Інпут опції" - чекбокс або радіокнопка опції фільтра
"Підпис опції" - заголовок опції фільтра
"Лічильник опції" - кількість результатів пошуку для цієї опції фільтра
"Вкладені опції" - дочірні опції фільтра
"Пошук опцій" - пошук серед опцій фільтра (лише для фільтрів типу "Чекбокси" або "Радіокнопки")
"Очищення пошуку опцій" - очищує пошук серед опцій цього фільтра при натисканні
"Опцій не знайдено" - повідомлення, коли пошук серед опцій фільтра не дав результатів
"Числовий фільтр" - фільтр типу "Числовий"
"Числове значення" - поле точного значення фільтра типу "Числовий"
"Числовий мінімум" - поле мінімального значення фільтра типу "Числовий"
"Числовий максимум" - поле максимального значення фільтра типу "Числовий"
"Повзунок діапазону" - повзунок для вибору діапазону значень фільтра типу "Числовий". Синхронізований з полями "Числовий мінімум" та "Числовий максимум"
"Застосовані фільтри" - виводиться лише тоді, коли застосовано хоча б один фільтр
"Застосований пошук" - застосований пошуковий запит - виводиться лише тоді, коли він є
"Значення застосованого пошуку" - текст застосованого пошукового запиту
"Видалення застосованого пошуку" - видаляє пошуковий запит та очищує поле пошуку при натисканні
"Перелік застосованих фільтрів" - перелік застосованих фільтрів. Для кожного виводить дочірній елемент. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "appliedFilters"
"Застосований фільтр" - один застосований фільтр. Під час виклику функції "entities" через SDK у словник, який вона повертає, додаються ключі "appliedFilter" та "appliedFilterOptions"
"Застосоване число" - застосоване значення фільтра типу "Числовий": точне значення або діапазон значень. Виводиться лише для фільтрів типу "Числовий"
"Застосоване точне значення" - введене точне значення - виводиться лише тоді, коли воно є. Для вкладених у нього структурних одиниць шаблону під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "appliedFilterNumber"
"Застосований мінімум" - введений мінімум - виводиться лише тоді, коли він є і немає точного значення (точне значення має перевагу над діапазоном). Для вкладених у нього структурних одиниць шаблону під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "appliedFilterNumber"
"Застосований максимум" - введений максимум - виводиться лише тоді, коли він є і немає точного значення (точне значення має перевагу над діапазоном). Для вкладених у нього структурних одиниць шаблону під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "appliedFilterNumber"
"Підпис застосованого числа" - число елемента "Застосоване точне значення", "Застосований мінімум" або "Застосований максимум", в якому він знаходиться - завжди число
"Видалення застосованого числа" - видаляє значення фільтра типу "Числовий" при натисканні - точне значення, мінімум та максимум
"Застосовані значення фільтра" - перелік застосованих значень фільтра
"Застосоване значення фільтра" - одне застосоване значення фільтра. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "appliedFilterOption"
"Підпис застосованого значення" - заголовок застосованого значення фільтра
"Видалення застосованого значення" - видаляє саме це застосоване значення фільтра при натисканні
"Скидання" - скасовує ще не застосовані зміни пошуку та фільтрів при натисканні, повертаючи їх до останніх застосованих значень
"Очищення" - миттєво очищує всі фільтри та застосовує пошук при натисканні. Всередині елемента "Фільтр" - лише цей фільтр
"Застосування" - застосовує введений пошук та обрані фільтри при натисканні
"Кількість очікуваних результатів" - кількість результатів, які будуть знайдені після застосування ще не підтверджених пошуку/фільтрів. Показується лише поки така зміна є. З дочірніми елементами виводить їх - саме число тоді є елементом "Число очікуваних результатів" серед них
"Число очікуваних результатів" - саме число всередині елемента "Кількість очікуваних результатів" з дочірніми елементами
"Сортування" - випадаючий список сортування результатів. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "sortOptions"
"Ліміт об'єктів" - випадаючий список кількості результатів на сторінці
"Вигляди об'єктів" - перемикач способу відображення результатів
"Кількість результатів" - загальна кількість знайдених результатів
"Довантаження результатів" - довантажує наступну сторінку результатів без заміни поточних при натисканні
"Пагінація" - контейнер пагінації
"Попередня сторінка" - переходить на попередню сторінку при натисканні. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "paginationItems"
"Список пагінації" - перелік елементів пагінації. Для кожного виводить дочірній елемент. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "paginationItems"
"Елемент пагінації" - один елемент пагінації - номер сторінки або розділювач. Елемент показаної сторінки має клас lur_page__current. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "paginationItem"
"Номер сторінки" - номер сторінки. Клік переходить на неї
"Трикрапка пагінації" - розділювач між номерами сторінок
"Вибір сторінки" - випадаючий список для переходу на будь-яку сторінку. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "paginationItems"
"Наступна сторінка" - переходить на наступну сторінку при натисканні. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "paginationItems"
"Об'єкти" - контейнер результатів пошуку. Для кожного результату виводить дочірній елемент
"Об'єкт" - один результат пошуку. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "object"
"Поле об'єкта: Селектори" - поле об'єкта типу "Одиночний селектор" або "Мультиселектор". Для кожної опції об'єкта виводить дочірні елементи в порядку опцій у структурі. Для вкладених у нього структурних одиниць шаблону під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "objectSelector"
"Селектор" - підпис опції, для якої виводиться елемент "Поле об'єкта: Селектори"
"Поле об'єкта: Рядок" - текстове поле об'єкта
"Поле об'єкта: Текстова область" - багаторядкове текстове поле об'єкта
"Поле об'єкта: Число" - числове поле об'єкта
"Поле об'єкта: Дата" - поле дати об'єкта
"Поле об'єкта: Зображення" - поле зображень об'єкта. Для кожного зображення виводить дочірній елемент
"Зображення об'єкта" - одне зображення об'єкта. Під час виклику функції "entities" через SDK у словник, який вона повертає, додається ключ "image"
"Об'єктів не знайдено" - повідомлення, коли результати пошуку не знайдено
"Індикатор завантаження" - індикатор завантаження результатів пошуку
"Слот" - місце всередині компонента, вміст якого задається окремо для кожної вставки компонента: обравши рядок слота у вставленому компоненті, в нього додають блок, елемент або інший компонент - вони виводяться лише в цій вставці. Власні дочірні одиниці слота - вміст за замовчуванням, коли вставка нічого не додала. Слот прозорий для правил вкладеності - його вміст перевіряється щодо батьківської одиниці слота. Поза компонентом слот рендериться як звичайний блок
Компонент
Структурна одиниця шаблону, що є посиланням на окремо створену та названу ієрархію структурних одиниць. Один компонент можна вставляти в шаблон необмежену кількість разів - зміни в ньому одразу відображаються у всіх місцях використання. Компонент створюється дією "Створити компонент", вставляється дією "Вставити компонент". Стилі задаються всередині компонента, вставлена одиниця власних стилів не має. Елемент "Слот" всередині компонента позначає місце, вміст якого може задаватися окремо для кожної вставки
Імпорт шаблону
Дія "Імпортувати шаблон" вставляє в обрану структурну одиницю один із готових шаблонів Lurazon - цілу сторінку або її частину, з того самого переліку, що й під час створення шаблону. Імпортований шаблон стає першою дочірньою одиницею обраної
Поля структурних одиниць
Налаштування
Загальні
Значення глобальних полів вказуються тільки в одному місці в шаблоні: при виборі кореневої структурної одиниці шаблону
Поля "Власний API", "API налаштувань" та "API результатів"
Значення поля "Власний API" визначає, звідки шаблон бере і базові налаштування, і результати пошуку: з Lurazon або з власного бекенду
Поле "Власний API" має наступні можливі значення: "Ні", "Так". У випадку, якщо обрано значення "Так", тоді з'являться два додаткові поля - "API налаштувань" та "API результатів", в яких мають бути вказані посилання на API бекенду: з першого шаблон отримує базові налаштування, з другого - результати пошуку
За значення "Так" маршрути сайту не використовуються: шаблон будується на будь-якій сторінці, що містить його тег, а бекенд отримує шлях сторінки з кожним запитом, тож маршрутизація сторінок виконується на боці бекенду клієнта. За значення "Ні" з'являється поле "Повертати всі поля об'єкта"
Поле "Повертати всі поля об'єкта"
Дане поле доступне тільки тоді, коли в полі "Власний API" обрано значення "Ні", та має наступні можливі значення: "Ні", "Так". Зі значенням "Ні" пошук повертає лише ті поля об'єкта, які показують елементи шаблону, тож відповіді легші. Зі значенням "Так" пошук повертає всі поля об'єкта, і всі вони стають доступними для читання через SDK
Поле "Брейкпоінти"
Дане поле приймає 2 значення, які визначають основні брейкпоінти шаблону. Потрібно вказати дві ширини екрану, на якому верстка шаблону має змінюватися:
- ширина з якої починається верстка для десктоп пристроїв
- ширина з якої починається верстка для планшетних пристроїв
Вся згенерована адаптивна верстка використовує правило "min-width"
Поле "Межі юнітів"
Необхідно вказати максимальну ширину екрану для якої буде застосовуватися гумова верстка. Вказане значення має бути не меншим за брейкпоінт для десктопу , вказаний в полі "Брейкпоінти"
Поле "Автозастосування пошуку"
Дане поле має наступні можливі значення: "Так", "Ні"
Якщо в шаблоні є поле пошуку, тоді отримання нових результатів пошуку буде відбуватися автоматично тільки якщо значення цього поля вказано "Так" для брейкпоінту, на якому знаходиться користувач
Поле "Автозастосування фільтрів"
Дане поле має наступні можливі значення: "Так", "Ні"
Якщо в шаблоні є хоча б один фільтр, тоді отримання нових результатів пошуку буде відбуватися автоматично тільки якщо значення цього поля вказано "Так" для брейкпоінту, на якому знаходиться користувач
Поле "Мінімальна затримка завантаження"
Навіть якщо пошукові результати отримуються максимально швидко, то значення даного поля примушує відображати індикатор завантаження мінімум стільки, скільки вказано в полі. Значення цього поля вказується в мілісекундах
Поле "Затримка пошуку"
Значення цього поля - це затримка (у мілісекундах) перед відправкою пошукового запиту після його останньої зміни в полі пошуку
Поле "Збереження в URL"
Дане поле має наступні можливі значення: "Так", "Ні". Коли обрано "Так", то стає доступним налаштування того, які дані та як будуть зберігатися в посиланні сторінки
Поля "Зберігати пошук" та "Ключ пошуку"
Поле "Зберігати пошук" має наступні можливі значення: "Так", "Ні". У випадку, якщо обрано значення "Так", тоді з'явиться додаткове поле "Ключ пошуку", в якому має бути вказано ключ, за яким буде зберігатися значення поля пошуку, якщо воно налаштоване для шаблону
Поля "Зберігати фільтри", "Роздільник чекбоксів" та "Роздільник числового діапазону"
Поле "Зберігати фільтри" має наступні можливі значення: "Так", "Ні". У випадку, якщо обрано значення "Так", тоді з'являться додаткові поля "Роздільник чекбоксів" та "Роздільник числового діапазону"
Значення поля "Роздільник чекбоксів" відповідає за символ, яким з'єднується значення фільтра типу "Чекбокси"
Значення поля "Роздільник числового діапазону" відповідає за символ, яким з'єднується значення фільтра типу "Числовий", саме тоді, коли вказани значення проміжку числа
Поля "Зберігати сортування" та "Ключ сортування"
Поле "Зберігати сортування" має наступні можливі значення: "Так", "Ні". У випадку, якщо обрано значення "Так", тоді з'явиться додаткове поле "Ключ сортування", в якому має бути вказано ключ, за яким буде зберігатися значення сортування, якщо воно налаштоване для шаблону
Поля "Зберігати пагінацію", "Ключ сторінки" та "Ключ ліміту"
Поле "Зберігати пагінацію" має наступні можливі значення: "Так", "Ні". У випадку, якщо обрано значення "Так", тоді з'являться додаткові поля "Ключ сторінки" та "Ключ ліміту"
Значення поля "Ключ сторінки" - це ключ, за яким буде зберігатися значення сторінки, якщо в шаблоні налаштовані ліміти
Значення поля "Ключ ліміту" - це ключ, за яким буде зберігатися значення кількості відображених результатів, якщо в шаблоні налаштовані ліміти
Поля "Зберігати вигляд об'єктів" та "Ключ вигляду об'єктів"
Поле "Зберігати вигляд об'єктів" має наступні можливі значення: "Так", "Ні". У випадку, якщо обрано значення "Так", тоді з'явиться додаткове поле "Ключ вигляду об'єктів", в якому має бути вказано ключ, за яким буде зберігатися значення способу відображення результатів пошуку, якщо вони налаштовані в полі "Вигляди об'єктів" в шаблоні
Поля "Увімкнути фасети", "Запасне значення дочірнього фасету" та "Запасне значення батьківського фасету"
Поле "Увімкнути фасети" має наступні можливі значення: "Так", "Ні". Зі значенням "Так" у фільтрах можна відображати фасети, а також з'являються додаткові поля "Запасне значення дочірнього фасету" та "Запасне значення батьківського фасету"
Поле "Запасне значення дочірнього фасету" спрацьовує для фасетів, які не мають дочірніх фасетів і для яких не було вирахувано значення. Має такі можливі значення:
"Показувати «0»" - буде відображено "0"
"Не виводити" - не буде відображено
Поле "Запасне значення батьківського фасету" спрацьовує для фасетів, які мають дочірні фасети і для яких не було вирахувано значення. Має такі можливі значення:
"Обчислити з дочірніх фасетів" - буде відображена сума всіх дочірніх значень
"Показувати «0»" - буде відображено "0"
"Не виводити" - не буде відображено
Поля "Прокручувати до", "Тип відступу прокручування" та "Значення відступу прокручування"
Ці поля відповідають за налаштування прокручування після отримання нових результатів пошуку. У полі "Прокручувати до" необхідно обрати цільову структурну одиницю шаблону, до верхньої частини якої буде відбуватися прокручування
Поле "Прокручувати до" має наступні можливі значення:
"Ні" - прокручування сторінки не буде відбуватися
Всі інші значення - перелік структурних одиниць шаблону
Якщо обране значення не "Ні", тоді з'являться додаткові поля "Тип відступу прокручування" та "Значення відступу прокручування", що відповідають за налаштування додаткового відступ до місця прокручування
Поля "Ціль нескінченного скролу", "Тип відступу нескінченного скролу" та "Значення відступу нескінченного скролу"
Ці поля відповідають за налаштування автоматичного отримання нових результатів пошуку при прокручуванні сторінки. У полі "Ціль нескінченного скролу" необхідно обрати цільову структурну одиницю шаблону, при досяганні нижньої частини якої, буде відбуватися довантаження
Поле "Ціль нескінченного скролу" має наступні можливі значення:
"Ні" - довантаження результатів пошуку при прокручуванні сторінки - не відбуватиметься
Всі інші значення - перелік структурних одиниць шаблону
Якщо обране значення не "Ні", тоді з'являться додаткові поля "Тип відступу нескінченного скролу" та "Значення відступу нескінченного скролу", що відповідають за налаштування відступу від нижньої частини цільової структурної одиниці шаблону, що буде слугувати тим самим тріггером для дозавантаження результатів пошуку
Поле "Вигляди об'єктів"
В дане поле додається перелік способів відображення пошукових результатів. Кожен елемент цього поля містить ключ та заголовок. Перший елемент застосовується за замовчуванням. Перелік виводить однойменний елемент шаблону "Вигляди об'єктів" - перемикач із заголовками елементів переліку
Обраний спосіб відображення не змінює структуру шаблону, а лише додає елементу "Об'єкти" клас-модифікатор "lur_objects__<ключ>" - різниця у відображенні задається стилями та станами. Поточне значення зберігається в URL полями "Зберігати вигляд об'єктів" та "Ключ вигляду об'єктів", а читається та змінюється через SDK функції "view" та "viewValue"
Поле "Сторінок навколо поточної"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Пагінація" та приймає цифрові значення для кожного брейкпоінту. Відповідне значення для конкретного брейкпоінту відповідає за кількість елементів "Елемент пагінації", які будуть виводитися навколо поточного значення сторінки
Якщо поточна сторінка - 50, а значення цього поля для поточного брейкпоінту - 3, то буде згенеровано таку структуру: ..., 47, 48, 49, 50, 51, 52, 53, ...
Поле "Показувати крайні сторінки"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Пагінація" та приймає цифрові значення для кожного брейкпоінту. Відповідне значення для конкретного брейкпоінту відповідає за кількість елементів "Елемент пагінації", які будуть виводитися після першого або перед останнім елементом "Елемент пагінації" відповідно
Якщо результат пошуку має 100 сторінок, а значення цього поля для поточного брейкпоінту - 2, тоді на початку пацінації буде згенерована така структура: 1, 2, 3, ... , а на кінці: ..., 98, 99, 100
Поле "Запобігти односторінковій трикрапці"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Пагінація" та має наступні можливі значення: "Так", "Ні" для кожного брейкпоінту
Коли, наприклад, із елементів "Елемент пагінації" генерується отака структура: 1, 2, ... , 4, 5, ... і якщо для поточного брейкпоінту цього поля обрано значення "Так", то буде відображена отака структура: 1, 2, 3, 4, 5, ... - тобто, буде додано елемент "Елемент пагінації", який веде на сторінку 3
Поле "Зберігати довжину"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Пагінація", та має наступні можливі значення: "Так", "Ні" для кожного брейкпоінту
Зі значенням "Так" пагінація має однакову кількість елементів "Елемент пагінації" на кожній сторінці: крайні сторінки, поточна зі сторінками навколо неї та два елементи "Трикрапка пагінації". Біля початку чи кінця відсутні заповнюються сторінками, а трикрапка завжди ховає щонайменше дві сторінки. Для 36 сторінок, 2 сторінок навколо поточної та 1 крайньої: 1, 2, 3, 4, 5, 6, 7, ... , 36 на першій сторінці, 1, ... , 4, 5, 6, 7, 8, ... , 36 на шостій, 1, ... , 30, 31, 32, 33, 34, 35, 36 на останній
Поле "Текст трикрапки"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Трикрапка пагінації" та приймає текстове значення, яке буде показувати проміжок між структурними одиницями шаблону, що є елементами "Пагінація"
Поле "Очищувати також пошук"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Очищення", та має наступні можливі значення: "Так", "Ні". Зі значенням "Так" елемент разом із фільтрами очищує й поле пошуку
Поле "Край діапазону як підказка"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Числовий мінімум" або "Числовий максимум", та має наступні можливі значення: "Так", "Ні". Зі значенням "Так" порожній інпут показує свій край діапазону фільтра як підказку (placeholder): мінімум показує найменше значення фільтра, максимум - найбільше. Підказка з'являється лише тоді, коли діапазон фільтра відомий. Якщо в полі "Атрибути" для інпута вже вказано атрибут "placeholder", то показується саме він. Порожній інпут означає відсутність обмеження
Поле "Крок повзунка"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Повзунок діапазону". Значення цього поля - це крок, до якого округлюється значення при перетягуванні ручки повзунка і на який воно змінюється при натисканні стрілок. Якщо поле порожнє, крок визначається автоматично - від розміру діапазону фільтра
Поле "Затримка клавіатури повзунка"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Повзунок діапазону". Значення цього поля - це затримка (у мілісекундах) перед застосуванням нового діапазону після останнього натискання стрілки на ручці повзунка, що у фокусі. Ручка рухається одразу при кожному натисканні, а фільтр застосовується один раз, з кінцевим значенням
Поле "Тригер опції"
Дане поле має наступні можливі значення: "Так", "Ні". Коли обране значення "Так", і ця структурна одиниця шаблону є дочірнім, або самим елементом "Опції фільтра", то при кліку на цю структурну одиницю - відбувається зміна значення відповідного чекбоксу або радіокнопки
Вміст
Елементи "Власний HTML", "Власні зображення" та "Іконка"
Ці елементи можна додати як дочірні всередину будь-якого блоку - наприклад, всередину "Скидання", "Очищення", "Довантаження результатів", "Індикатор завантаження", "Об'єктів не знайдено" - для відображення власного вмісту замість (або поряд із) стандартного:
"Власний HTML" - виводить довільний HTML/текст, введений в полі "HTML"
"Власні зображення" - завантажені в полі "Зображення" зображення. Кожне зображення виводиться дочірнім елементом "Власне зображення", доданим всередину "Власні зображення" - його можна огорнути довільною структурою
"Іконка" - іконка з бібліотеки, обрана в полі "Іконка". Новий елемент отримує випадкову. Бере колір тексту і є квадратом 1em, поки не задано власну ширину й висоту
Поля "Джерело рядка" та "Власний ID рядка"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Рядок"
Поле "Джерело рядка" має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальне поле
Перелік всіх полів об'єктів типу "Рядок"
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний ID рядка" в якому необхідно вказати ідентифікатор унікального поля
Поля "Джерело текстової області" та "Власний ID текстової області"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Текстова область"
Поле "Джерело текстової області" має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальне поле
Перелік всіх полів об'єктів типу "Текстова область"
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний ID текстової області" в якому необхідно вказати ідентифікатор унікального поля
Поля "Джерело числа" та "Власний ID числа"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Число"
Поле "Джерело числа" має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальне поле
Перелік всіх полів об'єктів типу "Число"
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний ID числа" в якому необхідно вказати ідентифікатор унікального поля
Поле "Розділювач тисяч"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Поле об'єкта: Число", і визначає, як розділяються тисячі в числі - незалежно від його джерела. Має наступні можливі значення: "Без розділювача", "Пробіл", "Кома", "Крапка", "Апостроф". Розділювач тисяч визначає й десятковий розділювач: з комою чи апострофом - десяткова крапка, з пробілом чи крапкою - десяткова кома
Поле "Знаків після коми"
Дане поле доступне тільки тоді, коли обрана структурна одиниця шаблону є елементом "Поле об'єкта: Число", та має наступні можливі значення: "Як є" - дробова частина відображається без змін, "0", "1" або "2" - число округлюється до відповідної кількості знаків після коми
Поля "Джерело дати" та "Власний ID дати"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Дата"
Поле "Джерело дати" має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальне поле
Перелік всіх полів об'єктів типу "Дата"
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний ID дати" в якому необхідно вказати ідентифікатор унікального поля
Поля "Формат дати" та "Власний формат дати"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Дата" та визначають, в якому форматі буде відображена дата - незалежно від того, яке джерело обране в полі "Джерело дати"
Поле "Формат дати" має наступні можливі значення:
"D/M/YYYY", "DD/MM/YYYY", "DD.MM.YYYY", "MM/DD/YYYY", "YYYY-MM-DD", "DD/MM/YYYY HH:mm", "YYYY-MM-DD HH:mm:ss", "HH:mm", "hh:mm A" - готові формати дати та/або часу
"Власне" - власний формат
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний формат дати", в якому необхідно вказати власний формат за допомогою токенів: YYYY - рік (4 цифри), YY - рік (2 цифри), MM - місяць (2 цифри), M - місяць (без нуля на початку), DD - день (2 цифри), D - день (без нуля на початку), HH - година 24г (2 цифри), H - година 24г (без нуля на початку), hh - година 12г (2 цифри), h - година 12г (без нуля на початку), mm - хвилини (2 цифри), m - хвилини (без нуля на початку), ss - секунди (2 цифри), s - секунди (без нуля на початку), A - AM/PM, a - am/pm. Наприклад, значення "DD.MM.YYYY HH:mm" виведе дату у вигляді "05.09.2026 14:30"
Поля "Джерело зображення" та "Власний ID зображення"
Дані поля доступні тільки тоді, коли обрана структурна одиниця шаблону, яка є елементом "Поле об'єкта: Зображення"
Поле "Джерело зображення" має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальне поле
Перелік всіх полів об'єктів типу "Зображення"
Якщо обране значення "Власне", то з'явиться додаткове поле "Власний ID зображення" в якому необхідно вказати ідентифікатор унікального поля
Поле "Показувати зображення" - "Усі": кожне зображення поля об'єкта, "Перше": лише перше. Діє для будь-якого значення поля "Джерело зображення"
HTML/CSS/JS
Поля "Тег" та "Власний тег"
Поле "Тег" має наступні можливі значення:
"Авто" - застосування тега по замовчуванню
"Власне" - застосування унікального тега. Якщо обране дане значення, тоді з'являється додаткове поле "Власний тег" для введення унікального значення
Поля "Джерело посилання", "Значення посилання", "Поле об'єкта для посилання", "Власний ID поля об'єкта для посилання" та "Ціль посилання"
Поля "Джерело посилання" та "Ціль посилання" з'являються тоді, коли значення поля "Тег" дорівнює "a"
Поле "Джерело посилання" має наступні можливі значення: "Власне значення" та "Поле об'єкта"
Поле "Значення посилання" з'являється тоді, коли значення поля "Джерело посилання" дорівнює "Власне значення". Дане поле приймає значення унікального посилання
Поле "Поле об'єкта для посилання" з'являється тоді, коли значення поля "Джерело посилання" дорівнює "Поле об'єкта". Дане поле має наступні можливі значення:
"Lorem" - тестове значення
"Власне" - унікальний ідентифікатор поля об'єкту. Якщо обране дане значення, тоді з'являється додаткове поле "Власний ID поля об'єкта для посилання" для введення унікального значення
Перелік всіх полів об'єктів типу "Рядок"
Поле "Атрибути"
Дане поле відповідає за додавання додаткових HTML-атрибутів до структурної одиниці шаблону. Кожен елемент поля - ключ та значення атрибута. Ключ обов'язковий і має бути коректною назвою атрибута. Можливе додавання лише ключа атрибута, без його значення - такий атрибут виводиться порожнім. Атрибут "class" не замінює згенеровані класи структурної одиниці, а додається до них
Поле "CSS"
Дане поле приймає CSS код, який додається до шаблону без змін. Код має містити повні CSS правила - селектор та стилі, а не лише стилі для поточної структурної одиниці. Для селектора можна використовувати атрибут, доданий у полі "Атрибути", або згенерований клас структурної одиниці "lur_item__13" (де "13" - її ідентифікатор), наприклад:
Наступні поля є прямими аналогами відповідних CSS-стилів:
Розташування
"Display"
"Налаштування flex" - напрямок (flex-direction), вирівнювання по горизонталі та вертикалі (justify-content / align-items) і перенос рядків (flex-wrap)
"Напрямок grid", "Стовпчики grid", "Рядки grid"
"Position"
"Inset" - відступ від країв контейнера для позиціонованих елементів (inset або top / right / bottom / left окремо)
"Z-index"
"Order" - порядок елемента всередині flex/grid контейнера
"Width", "Maximum width", "Minimum width"
"Height", "Maximum height", "Minimum height"
"Margin"
"Padding"
"Gap"
"Scroll X", "Scroll Y"
"Scroll snap" - під час прокрутки елемента по горизонталі чи вертикалі він зупиняється так, щоб один із вкладених елементів був на початку (наприклад зображення картки, по одному)
Вигляд
"Background color"
"Border width", "Border style", "Border color"
"Border radius"
"Opacity"
"Cursor"
"Pointer events" - "None": елемент не реагує на курсор - ні наведення, ні кліку (наприклад кнопка, яка в поточному стані нічого не робить)
"Нативний стиль" - "None" прибирає власний вигляд браузера у нативного елементу
"Object fit" - доступне лише для елементів "Власне зображення" та "Зображення об'єкта"
"Background image" - завантажене зображення або посилання. Після його додавання з'являються "Background size", "Background position" та "Background repeat"
"Градієнт фону" - лінійний градієнт із двох кольорів під кутом, якщо задано разом із зображенням, градієнт малюється поверх нього
"Box shadow" - зсув по X/Y, розмиття, розширення, колір та внутрішня тінь
"Transform" - зсув по X/Y, масштаб і поворот, що збираються в один CSS-стиль transform: translate() scale() rotate()
"Transition" - список переходів: властивість, тривалість у мс, функція пом'якшення та затримка
Типографіка
"Font family"
"Font size"
"Font weight"
"Font style"
"Line height"
"Letter spacing"
"Text align"
"Text transform"
"Text decoration"
"Text shadow" - зсув по X/Y, розмиття та колір
"Color"
Повзунок діапазону
Наступні поля доступні лише для елемента "Повзунок діапазону". Кожне з них має початкове значення, тож повзунок видно одразу після додавання:
"Висота доріжки", "Радіус доріжки", "Колір доріжки" - вигляд доріжки повзунка
"Колір заповнення" - колір частини доріжки між ручками
"Розмір ручки", "Радіус ручки", "Колір ручки" - вигляд ручок повзунка
Окрім полів стилів окремої структурної одиниці, редактор має три засоби, що діють на кілька одиниць або шаблонів одночасно: змінні та міксини - спільні для всіх шаблонів сайту, та стани - в межах одного шаблону
Змінні
Змінна - іменоване значення одного з типів: колір, розмір (значення з одиницею виміру) або число. Кожен тип - окрема група вкладки "Змінні". Змінні належать сайту: одна й та сама змінна доступна в усіх його шаблонах
Поле стилю відповідного типу прив'язується до змінної кнопкою у заголовку поля - замість власного значення поле показує змінну. Прив'язку знімає хрестик на позначці змінної: поле лишає собі поточне значення. Видалити змінну можна лише тоді, коли жодне поле шаблонів сайту та жоден міксин її не використовують
Міксини
Міксин - іменований набір полів стилів, який застосовується до будь-якої кількості блоків та елементів. Як і змінні, міксини належать сайту та редагуються тими самими полями, що й структурна одиниця
Міксин застосовується до обраної одиниці полем "Додати міксин" під рядком стану вкладки "Стилі". Застосовані міксини показуються позначками в порядку каскаду - пізніший перекриває ранішій, порядок змінюється перетягуванням. Власні значення полів одиниці мають пріоритет над міксином. Видалити міксин можна лише тоді, коли його не застосовує жодна одиниця збережених шаблонів сайту
Стани та дії
Кожне поле стилю має варіанти за станом одиниці: рядок "Стан:" над полями вкладки "Стилі" перемикає, для якого стану вводяться значення. Значення для не-дефолтного стану діють лише поки стан увімкнений і доповнюють значення "За замовчуванням". Доступні стани:
Для будь-якої структурної одиниці: "За замовчуванням", "Наведення", "Немає результатів" - пошук нічого не знайшов, "Не застосовано" - введений пошук або обрані фільтри ще не застосовано (коли вони не застосовуються автоматично), а також власні оголошені стани
Для опцій фільтрів: "Відмічено", "Невизначено", а також "Чекбокс", "Радіо", "Чекбокс відмічено" та "Радіо відмічено", які розрізняють інпут опції за його типом
Для опції фільтра: "Не знайдено" - опція не відповідає пошуку серед опцій фільтра. Приховується вона лише стилем шаблону за цим станом
Для фільтра: "Фільтр задано" - у фільтрі обрано значення, "Фільтр очікує" - залежний фільтр, у батьківському фільтрі якого опцію обрано, але ще не застосовано, "Фільтр недоступний" - залежний фільтр, у батьківському фільтрі якого не обрано його опцію. Фільтр у цьому стані приховується лише стилем шаблону за ним
Для пагінації: "Поточна сторінка" - елемент пагінації відображеної сторінки, "Неактивна" - елементи "Попередня сторінка" та "Наступна сторінка", коли в цей бік сторінок немає
Власні стани оголошуються полем "Стани" (вкладка "Налаштування" → "Загальні") - перелік назв. Поки стан увімкнений, структурна одиниця, на якій його оголошено, отримує клас "lur_state__<ідентифікатор стану>". Стилі за оголошеним станом можна задавати й іншим структурним одиницям: кнопка поруч із рядком "Стан:" відкриває рядок "Коли:", де обирається структурна одиниця, стан якої буде умовою. Це може бути сама структурна одиниця або будь-яка структурна одиниця, всередині якої вона знаходиться
Поле "За кліком" задає, як змінюється стан при кліку на структурну одиницю. Кожна дія складається зі стану та режиму: "Перемкнути" - вмикає стан, якщо він вимкнений, і вимикає, якщо увімкнений, "Увімкнути" - лише вмикає, "Вимкнути" - лише вимикає. Обрати можна стан, оголошений на самій структурній одиниці або на структурній одиниці, всередині якої вона знаходиться. Так, наприклад, можна зробити розгортання групи фільтрів або мобільне меню фільтрів без власного JS
