Введення та архітектура
Що таке шаблон лендингу в Landiro CMS?
Шаблон лендингу — це набір файлів, що визначає зовнішній вигляд та логіку однієї секції сторінки. Лендинг складається з кількох секцій (hero, форма, відгуки тощо), кожна з яких посилається на свій шаблон.
Reference mode — як CMS рендерить секції
Кожна секція в landing.json має поля html, css, js. Якщо вони порожні ("") — CMS читає контент прямо з файлів шаблону. Це і є reference mode.
{
"type": "hero",
"template": "sy2-offer-01",
"html": "", ← порожньо = читати з templates/hero/sy2-offer-01/template.html
"css": "", ← порожньо = читати з templates/hero/sy2-offer-01/style.css
"js": "", ← порожньо = читати з templates/hero/sy2-offer-01/script.js
"data": {
"vars": { "BG_COLOR": "#b12f7a", "TITLE": "Купуйте зараз" }
}
}
Перевага reference mode: редагувати файли шаблону → всі лендинги що на нього посилаються оновляться автоматично.
Архітектура системи
Відвідувач → landings/index.php
↓
Landing::get($slug) читає data/landings/{slug}.json
↓
Renderer::renderSection()
↓
Є html/css/js? html/css/js = "" ?
↓ ↓
inline mode reference mode
(зберігається в json) (читає з templates/{type}/{id}/)
↓
Підставляє {{VAR}} → data.vars
Генерує --CSS_VAR: value для style
Рендерить секцію у div#section-{id}
Типи секцій
| Тип | Призначення |
|---|---|
hero | Головний блок: оффер, фото товару, ціна, CTA |
order-form | Форма замовлення з PHP обробником |
countdown | Таймер зворотного відліку |
product | Фото та опис товару |
testimonials | Відгуки зі слайдером |
trust | Переваги, доставка, гарантія |
benefits | Список переваг |
faq | FAQ акордеон |
footer | Підвал сторінки |
custom | Кастомна секція без типу |
Оновлено: 26.10.2026 22:43
👁 26
Інші сторінки в категорії «Для розробників»