Структура файлів шаблону

Структура файлів шаблону

Шаблон лендингу для Landiro CMS — це папка з файлами секцій та конфігурацією. При встановленні через Community Library файли копіюються в потрібні директорії CMS автоматично.

Повна структура

my-landing-template/
├── meta.json              ← метадані для бібліотеки шаблонів
├── landing.json           ← повна конфігурація лендингу
├── img/                   ← зображення (installer копіює в uploads/)
│   ├── product.jpg
│   ├── badge.png
│   └── bg.jpg
└── templates/             ← файли секцій
    ├── hero/
    │   └── my-hero-01/
    │       ├── meta.json      ← ОБОВ'ЯЗКОВИЙ — змінні для редактора
    │       ├── template.html  ← розмітка секції
    │       ├── style.css      ← стилі (скоуповані)
    │       └── script.js      ← JS (лише якщо потрібна інтерактивність)
    ├── order-form/
    │   └── my-form-01/
    │       ├── meta.json
    │       ├── template.html
    │       ├── style.css
    │       └── handler.php    ← PHP обробник форми (опціонально)
    └── countdown/
        └── my-cd-01/
            ├── meta.json
            ├── template.html
            ├── style.css
            └── script.js

Призначення кожного файлу

ФайлПризначенняОбов'язковий?
meta.json (секція)Назва, змінні для панелі редактора✅ Так
template.htmlHTML розмітка з {{VAR}} плейсхолдерами✅ Так
style.cssСтилі, скоуповані під .cms-section-{type}✅ Так
script.jsVanilla JS (таймери, слайдери, маски)Тільки якщо потрібен
handler.phpPHP обробник форм (Telegram, email)Тільки для order-form
meta.json (корінь)Метадані для Community Library✅ Так
landing.jsonПовна конфігурація лендингу✅ Так
img/Зображення що installer копіює в uploads/Якщо є зображення

Де зберігаються файли в CMS

tovcms/
├── data/landings/{slug}.json     ← landing.json після встановлення
├── data/uploads/                 ← img/* після встановлення
└── templates/
    ├── hero/
    │   └── my-hero-01/           ← template files
    ├── order-form/
    └── countdown/

Іменування шаблонів

Template ID формат: {prefix}-{type}-{number}

  • sy2-offer-01 — стиль "sy2", тип offer, номер 01
  • led-hero-01 — стиль "led", тип hero, номер 01
  • tov-form-01 — стиль "tov", тип form, номер 01

Використовуй унікальний префікс для свого набору шаблонів щоб уникнути конфліктів з іншими розробниками.

Оновлено: 26.10.2026 22:43 👁 44