К содержимому
Оформление и содержимое

Справочник блоков главной

Обновлено

Этот справочник помогает выбрать блок для главной или отдельной страницы. Здесь перечислены блоки базовой Slate. Готовая конфигурация может включать только часть из них, менять оформление и добавлять свои секции. Названия разделов ниже относятся к базовой панели темы; в конфигурации ненужный раздел может быть скрыт.

Как управлять блоками

В панели темы откройте Главная страница → Сортировка блоков: здесь меняются порядок и видимость секций. Содержимое редактируется в соответствующем подразделе «Главной страницы». Порядок блоков главной сайта и магазина учитывается отдельно. Выключение секции сохраняет её содержимое. В списке блоки подписаны так же, как их разделы ниже; специальные блоки конфигурации — названием своего раздела в панели.

У блока может быть несколько готовых видов. Переключатель меняет расположение элементов, а источники данных остаются прежними. Если в таблице указан один вид, других базовых вариантов у этого блока сейчас нет. Выбрать собственный вариант можно при доработке темы.

Общий цвет, шрифты и ширина задаются в Оформлении сайта. Вид вкладок, стрелок и листания выбирается один раз в Общие настройки → Карусели и вкладки, а показывать ли стрелки и листание — у самого блока. Заполнение карточек и выбор источника не заменяют настройки приложения: товар создаётся в «Магазине», запись — в «Блоге», альбом — в «Фото». Для формы сначала нужны приложение «Заявки» и созданная в нём форма.

Первые экраны и баннеры

Раздел панели / блок Что заполнять и откуда берутся данные Виды и ограничения
Обложка (cover) Надзаголовок, заголовок, текст, две кнопки, факты, фото и плашка на фото — в настройках темы. Фото сбоку, фото фоном, по центру. Фото и описание к нему задаются отдельно.
Большие баннеры (slider) Слайды с изображением или видео MP4, текстом и кнопками. Можно задать отдельное изображение для телефона и автопрокрутку. В полях «Пропорции баннера на компьютере» и «Пропорции баннера на телефоне» отдельно выбирается «Естественная высота по картинке»: изображение целиком, высота следует активному слайду; картинки первых семи слайдов загружаются с компьютера. У слайда — цвет текста, положение текста по ширине и по высоте, отключение затемнения. Четыре вида: «Текст на панели, фото рядом», «Текст поверх фото», «Слайдер и товары рядом» (карточка товара компактная или обычная), «Во всю ширину экрана» (шапка может лежать поверх баннера). «Листать слайды сами»: «Не листать» или каждые 5, 7, 10 секунд; наведение мыши останавливает прокрутку. При естественной высоте стрелки на компьютере стоят по краям на середине высоты баннера; на телефоне доступны свайп и включённое «Листание». Слайд без изображения и видео не показывается.
Плитки рядом с большими баннерами В разделе «Большие баннеры» — свои плитки или выбранные промоакции магазина; у плитки есть описание под заголовком. Цвет текста и затемнение плиток настраиваются отдельно. Не более двух плиток. Своя плитка без изображения скрывается. Выбор промоакций заменяет ручные плитки.
Баннеры-плитки (banners) Ручной список: фото, заголовок, текст и ссылка. Плитки; можно выбрать пропорции изображения отдельно для компьютера и телефона. Запись без фото не выводится. Плитка со ссылкой и без заголовка кликается по всей картинке.
Призыв (callout) Заголовок, текст, две кнопки, необязательное фоновое фото и тон плашки. Один вид. Адрес кнопки должен вести на существующую страницу, реальный якорь или форму.

Для больших баннеров и баннеров-плиток относительные адреса наподобие category/…/ считаются от главной магазина, если он доступен. Для переходов между приложениями используйте полный адрес или адрес от корня сайта. Не рассчитывайте, что произвольный #contacts автоматически создаст раздел контактов.

Услуги, компания и ручное содержимое

Эти блоки не требуют каталога товаров. Заполняйте их в одноимённых подразделах Главной страницы. Цена в ручной карточке — текст для посетителя: она не создаёт товар, заказ или оплату.

Раздел / блок Содержимое и настройки Вид и особенности
Карточки (features) Иконки, заголовки, тексты и ссылки; количество колонок. Карточки преимуществ, услуг или направлений.
О компании (about) Заголовок, текст, фото, цифры и кнопка. Текст набирается в визуальном редакторе: жирный, курсив, списки, ссылки. Три вида: фото слева, справа или сверху; пропорции фото выбираются отдельно. Без фото карточка занимает всю ширину. Цифры вводятся вручную.
Этапы (steps) Названия и описания шагов. Нумерованные этапы. Порядок определяется списком.
Мастера (team) Фото, имя, специализация, текст и ссылка сотрудника; общая кнопка записи. Карточки. Индивидуальная ссылка сотрудника имеет преимущество перед общей.
Отзывы (testimonials) Ручные отзывы: имя, текст, услуга или мастер, дата и оценка от 1 до 5. Отдельно — общая оценка, число отзывов, площадка, где они оставлены, и ссылка на неё. Карточки. Не получают новые отзывы автоматически и не заменяют форму сбора отзывов.
Логотипы клиентов (logos) Изображения логотипов, подписи и ссылки; сколько в ряд, пропорции, рамка, название под логотипом, приглушение до наведения. В поле «Как выводить» — «Сеткой» или «Каруселью»; есть лента на телефоне. «Стрелки» карусели доступны на всех ширинах и скрываются, если всё помещается. Файлы и ссылки заполняются владельцем.
Вопросы и ответы (faq) Вопросы и ответы; поле «Ширина» — «Как у текста» или «Во всю ширину» контейнера. Раскрывающийся список. Ответы могут содержать оформленный текст.
До и после (compare) Пары фотографий, название и описание результата. Сравнение с ползунком. Нужны оба изображения каждой пары.
Тарифы (plans) Название пакета, цена, единица, описание, преимущества, значок, кнопка и выделение рекомендуемого тарифа. Карточки. Без названия тариф не выводится. Кнопка может открывать форму «Заявок».
Объекты (listing) Фото, название, тег, описание, параметры, цена и ссылка. Необязательный номер объекта «Бронирования» добавляет его метки в фильтр. В группе «Вид карточек»: «Как выводить» — «Сеткой» или «Каруселью», «Сколько карточек показывать» (0 — все включённые), «Сколько в ряд на компьютере» (1–6), «Пропорции фотографий» — «Исходная» без обрезки, 1:1, 4:3, 3:2 или 16:9; «Стрелки» и «Листание» в общем для сайта виде для карусели. Вкладки по тегам можно отключить; при одном теге их нет. Они фильтруют только показанную подборку. Подходит для домов, номеров, программ и других ручных подборок.
Прайс (price-list) Разделы и строки услуг: название, примечание, длительность, цена; примечание под прайсом и кнопка. Разделы вкладками или подряд. Для нескольких цен задайте названия колонок по строкам и цены через \| в том же порядке. Это справочник цен, без расчёта корзины.
Расписание (schedule) День недели, время, занятие, ведущий, место, примечание; общая кнопка записи. Направления со своими цветами, у занятия может быть свой цвет; «Цвет занятия» — полоской слева или заливкой карточки. Дополнительные направления и метки услуги добавляются в фильтр занятия; услугу можно связать по номеру, без номера — по названию занятия. Есть фильтр по специалисту. «По дням», «Неделя сеткой», «По специалистам». Список составляется вручную; свободные места и бронирования блок не учитывает.
Контакты (offices; в «Сортировке блоков» — «Контакты из „Организации“») Заголовок, подзаголовок и расположение карты — здесь; офисы и карта — в Общие настройки → Организация. «Форма обратной связи» — форма «Заявок» для блока, вставленного на страницу с включённой формой, например на страницу контактов; на главной блок выводится без неё. Список офисов; карта рядом с адресами, перед ними, после них или скрыта. Контактные данные не нужно дублировать в карточках главной.

Метки для «Расписания» задаются в Заявки → Запись к специалисту → Услуги, поле Метки; для карточек «Объектов» — в Заявки → Бронирование → Объекты, поле Метки. Одно занятие или карточка может находиться по нескольким меткам. Главным направлением занятия по-прежнему определяется его цвет, если не задан свой.

Блог и фотографии

Раздел / блок Источник и выбор Ограничения
Записи блога, Записи блога — вторая секция (blog-posts, blog-posts-2) Приложение «Блог»: выбранный блог либо общая лента. В настройках — число записей, сколько в ряд, вид карточек (как на страницах блога или свой), лента на телефоне. Карточки. Две секции настраиваются независимо; вторая по умолчанию выключена. При общей ленте выбранный блог проектов исключается, чтобы проекты не дублировались среди новостей, и берутся только блоги этого сайта. Без записей блок скрывается от посетителя.
Проекты (blog-projects) Выбранный блог с проектами, число записей и вид карточек. На карточку можно вывести параметры записи; вкладки группируют проекты по выбранному параметру. Карточки. Нужно выбрать блог. Обложка берётся из связанного фотоальбома либо параметра обложки записи; связь с альбомом зависит от возможностей установленного «Блога» и его дополнений.
Фотографии (photos) Приложение «Фото», конкретный альбом; число фотографий и сколько в ряд. «Как в галерее», сетка или лента со стрелками. Щелчок по фотографии открывает её крупно в окне просмотра поверх страницы; фотографии блока листаются кнопками, стрелками клавиатуры или свайпом. Без выбранного альбома блок не подставляет все фотографии сайта.
Фотоальбомы (albums) Публичные альбомы верхнего уровня в приложении «Фото». Настраиваются количество, сколько в ряд, вид карточек и заголовок. Если в «Приложение Фото → Главная страница» выбран «Альбом этого сайта», показываются только альбомы внутри него. Сетка с обложками. Закрытые альбомы не выводятся; количество 0 означает отсутствие ограничения.

Картинки для этих блоков редактируются в источнике, а не в ручных карточках темы. После удаления источника проверьте главную: пустая секция может исчезнуть. Подробнее о проектах и содержимом страниц — в настройке страниц и готовых конфигурациях.

Подборки магазина

Для следующих секций нужен Shop-Script. Наличие блока в теме само по себе не устанавливает магазин или плагин.

Раздел / блок Источник и настройки Виды и ограничения
Каталог (categories) Категории магазина: выбор категорий, глубина, количество, изображения и счётчик товаров. «Сетка», «Плитки-фото лентой», «Компактные карточки»; сеткой, слайдером или лентой с прокруткой на компьютере; от четырёх до восьми в ряд. Мини-карточки на телефоне включены по умолчанию для любого вида; мобильная лента включается отдельно. Данные категории редактируются в магазине.
Товары, Товары — вторая/третья подборка (products, products-2, products-3) Наборы товаров по коду или категория по её номеру. Для каждой ленты — заголовок, ссылка на все товары и карусель; для секции — количество и вкладки. Одна общая разметка карточек. Три секции настраиваются независимо. Пустые ленты скрываются; цены и доступность берутся из каталога.
Промо-баннеры, вторая/третья секция (promos, promos-2, promos-3) Магазин → Маркетинг → Промоакции: активные акции с баннерами. В теме — выбор акций, количество, колонки, пропорции, прокрутка на телефоне и таймер. Слайдер, текст поверх фото, фото и текст под ним, карточки с рамкой, «Большой и карточки», «Первый широкий». Во второй и третьей секциях отдельно выбираются акции и заголовок; вид, число, колонки и пропорции берутся из основной секции, пока не включена «Своя раскладка». Дополнительные ссылки и рекламные поля зависят от соответствующего плагина.
Бренды (brands) Плагин «Бренды»: список брендов, изображения и ссылки. В теме — выбор брендов, ограничение количества, сколько в ряд, пропорции, обводка. Прежняя лента, сетка или слайдер; лента на телефоне. Обычная характеристика товара «Бренд» без этого плагина не заменяет источник блока.
Отзывы о товарах (product-reviews) Последние отзывы магазина: число, сколько в ряд, фото товара, оценка, автор, дата и длина текста. Один вид. Ручные отзывы компании сюда не попадают.
Просмотренные товары (viewed) Товары, которые посетитель уже открывал. Сеткой или каруселью. Новый посетитель может не увидеть секцию; это не вручную заданная подборка.

Формы, отзывы и внешние публикации

Форма заявки (request) вставляет форму из приложения «Заявки». Настройки находятся в Приложения и плагины → Приложение Заявки: номер формы, вывод на странице или кнопка открытия окна, подписи и оформление. Поля, обязательность, получатели и обработка заявки настраиваются в самом приложении. Используйте номер формы своей установки. Подробности — в руководстве по формам.

Отзывы из Easyreviews (easyreviews) показывают опубликованные отзывы приложения Easyreviews. В «Главная страница → Отзывы из Easyreviews» выбираются витрина, текст отзыва, количество (1–48, по умолчанию 4), число колонок, длина превью и показ автора, даты, оценки. Пустая витрина означает все витрины; в старой версии приложения без витрин оставьте это поле пустым. Без приложения или опубликованных отзывов посетитель блока не увидит.

Живые отзывы (sitereviews) требуют «Заявок» и плагина «Отзывы с сайта». В одноимённом разделе главной выбираются форма, количество, порядок (по дате или по полезности), кнопка со ссылкой на все отзывы и вид блока. «Карточками» (по умолчанию) — отзывы карточками, как в блоке «Отзывы»: для главной. «Лентой плагина» — сводка рейтинга, сортировка и подгрузка, вид ленты — карточки, список или без оформления: для страницы отзывов; содержимое ленты отдаёт плагин. Это отдельный источник, не ручные «Отзывы» и не отзывы о товарах.

Посты из Telegram (tgposts), Посты из VK (vkposts), Видео из VK (vkvideos) и Видео из RuTube (rtvideos) работают через соответствующие плагины магазина. Подключение канала, группы или видеоколлекции выполняется в плагине. В теме доступны заголовок, количество, колонки и пропорции карточек; у видео есть выбор источника. Просто вставить ссылку на канал вместо настройки плагина недостаточно. Без приложения, плагина или данных секция не показывается посетителю; многие блоки дают администратору подсказку о недостающем источнике.

Блоки для отдельных страниц

В базовой теме есть ещё несколько специализированных блоков. Первый экран страницы (page-hero), Текст (text) и Что входит (checklist) наполняются при вставке на конкретную страницу, без отдельного списка содержимого главной. У page-hero — заголовок, вступление, фото, факты и кнопки; его компактный вид — заголовок обычного размера и текст без картинки и больших отступов, с сохранением фактов, кнопок и примечания. Для него при вставке задают view="compact"; переключателя этого вида в панели нет. У text — оформленный текст, фото слева или справа и мягкий фон; у checklist — пункты, пояснение сбоку и 1–3 колонки. Заголовок блока на странице — H2, если у вставки не задан параметр title_tag; у page-hero по умолчанию H1.

Каталог страницы (catalog) выводит категории магазина на странице «Сайта» и не зависит от «Каталога» главной. Его настройки — в Страницы → Каталог: вид («Карточки в строку», «Плитки», «Компактные плитки»), мини-карточки на телефоне, выбор и исключение категорий, количество товаров, внутренний фон.

Галерея товара (product-gallery) и Покупка товара (product-buy) предназначены для страницы товара и требуют её данных. Вставлять их как обычную секцию услуги или главной нельзя без отдельной подготовки контекста разработчиком.

Для вставки готовых секций между абзацами и создания собственных блоков см. блоки на страницах и доработки. Уведомление в настройках главной — отдельный элемент темы, а не дополнительный блок этого справочника.