Редактор макета
Редактор макета використовується для створення красивих, функціональних сторінок на сайті інтернет-магазину. Сторінки створюються з готових блоків – мікрошаблонов. Кожен мікрошаблон містить блоки і плагіни.
Структура мікрошаблонів
Мікрошаблони (на малюнку виділені червоним) складаються з блоків (на малюнку виділені синім).
Розташування блоків в мікрошаблоні залежить від пристрою – комп'ютер, ноутбук, планшет або телефон (горизонтально-орієнтований і вертикально-орієнтований). Ви можете налаштувати розташування і розмір блоків в мікрошаблоні для кожного з пристроїв.
У блоках розташовуються плагіни (на малюнку виділені жовтим), які містять інформацію і / або функціональність. Плагіни розташовуються один під одним. В одному блоці найчастіше розташовується один плагін, але їх може бути і більше.
Мікрошаблони розташовані один під одним. Їх можна міняти місцями за допомогою відповідних елементів управління.
Блоки можна міняти місцями в рамках мікрошаблона за допомогою перетягування. Для цього потрібно навести курсор миші на блок, після чого на ньому з'явиться спеціальна мітка, за яку його можна перетягнути.
Плагіни так само можна міняти місцями за допомогою перетягування. Для цього потрібно виділити один з них, натиснувши на нього мишкою, після чого на ньому з'явиться спеціальна мітка, за яку його можна перетягнути.
Якщо виділити плагін, натиснувши на нього мишкою, справа внизу екрану з'явиться елементи управління – «Видалити», «Властивості», «Редагувати».
При видаленні плагіну видаляється блок, якщо плагін в блоці один. Точно так само видаляється мікрошаблон, якщо в ньому видаляється останній блок.
У властивостях можна налаштувати властивості плагіна, блоку в якому він знаходиться і мікрошаблона в якому знаходиться блок.
Властивості плагіна
ID – генерується автоматично (його можна змінити) і використовується при написанні програмної логіки (скриптів).
Класи CSS – класи таблиць стилів CSS, які можна створювати в «Редакторі стилів».
Властивості блоку
ID – генерується автоматично (його можна змінити) і використовується при написанні програмної логіки (скриптів).
Класи CSS – класи таблиць стилів CSS, які можна створювати в «Редакторі стилів».
Розмістити в центрі – спеціальна опція, що дозволяє розташувати в центрі весь блок.
Відступи – вказує налаштування відступів по відношенню до інших блоків в даному мікрошаблоні.
Властивості мікрошаблону
ID – генерується автоматично (його можна змінити) і використовується при написанні програмної логіки (скриптів).
Класи CSS – класи таблиць стилів CSS, які можна створювати в «Редакторі стилів».
Повна ширина – розтягує мікрошаблон на всю ширину екрану.
Плагіни
Плагіни являють собою блоки з визначеною функціональністю, яким можна задати необхідну стилістку.
Щоб додати плагін необхідно натиснути на кнопку «Додати плагін» в правому нижньому кутку екрану. У лівій частині екрана з'явиться список плагінів, після чого потрібно вибрати необхідний плагін і перетягнути його в макет. При перетягуванні в макеті відобразяться спеціальні мітки, що вказують на місця, де можна створити плагін.
Праворуч від вже існуючих блоків вказані місця, де можна додати блок. Внизу, під плагінами, можна додавати плагіни в уже існуючі блоки. Під мікрошаблонами з'являться місця для створення нових мікрошаблонів.
Нижче описані основні плагіни і їх можливості.
HTML
Текст оформлений за допомогою редактора в який можна додати різні елементи, наприклад зображення, таблиці та іншу розмітку.
Статичне меню
Меню з посиланнями, вказаними вручну, де можна вказати як посилання на внутрішні сторінки сайту, так і на сторінки інших сайтів.
Слайдер / Карусель
Слайдер або карусель (в залежності від налаштувань), засновується на зображеннях галереї, яку потрібно заздалегідь створити в розділі «Галереї» і додати в неї зображення.
Галерея зображень
Зображення з галереї, яку потрібно створити в розділі «Галереї» і додати в неї зображення.
Відео YouTube
Відео, яке підтягується за посиланням на відео на сайті YouTube.
Мови
Посилання на інші мовні версії сторінки, які формуються автоматично.
Логотип
Логотип з посиланням на головну сторінку сайту.
Меню
Меню сайту, яке формується автоматично на основі розділів меню в модулі «Меню і публікації».
Публикації
Перелік публікацій з модуля «Меню і публікації», які виводяться в залежності від налаштувань плагіна.
Форма
Форма для заповнення яку потрібно заздалегідь створити в модулі «Форми».
Категорії товарів
Перелік категорій товарів, які формуються автоматично, на основі категорій товарів в модулі «Каталог товарів».
Товари
Перелік товарів з модуля «Каталог товарів», які виводяться в залежності від налаштувань плагіна.
Варіанти товарів
Перелік варіантів товарів з модуля «Каталог товарів», які виводяться в залежності від налаштувань плагіна.
Валюти
Посилання на валюти з модуля «Каталог товарів», які формуються автоматично.
Виробники
Посилання на виробників з модуля «Каталог товарів», які формуються автоматично і залежать від налаштувань плагіна.
Пошук
Форма пошуку по сайту, зазвичай розташовується в шапці сайту, але не обов'язково саме там.
Плагін соцмережі
Плагін соціальної мережі або будь-який інший плагін JavaScript, який необхідно заздалегідь створити в модулі «Соціальні мережі».
Посилання на соцмережі
Посилання на соціальні мережі, заздалегідь створені в модулі «Соціальні мережі».
58 відгуків