Введення та архітектура

Що таке шаблон лендингу в 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Список переваг
faqFAQ акордеон
footerПідвал сторінки
customКастомна секція без типу
Оновлено: 26.10.2026 22:43 👁 26