View Categories

Коллекция (плитка)

2 min read

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

Подробнее о коллекциях вы можете прочитать в этой статье.

Рассмотрим перечень настроек внутри этажа:

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

Фильтр по тэгам — при выборе этого поля открывается выпадающий список со всеми тэгами, которые уже заведены. Можно выбрать несколько значений. Также тут можно завести новый тэг, если такого еще нет, просто начав вводить текст. Эта настройка отвечает за следующий уровень «фильтрации» после типа коллекции.
Например, у вас могут быть спецпредложения сервиса (Тип коллекции: специальные предложения, тэги: сервис).
На другой странице вы сможете выводить вообще все, что имеет отношение к сервису (Тип коллекции: не важно, тэги: сервис).
На третьей странице вам может понадобиться вывести тоже спецпредложения, но отдела продаж (Тип коллекции: специальные предложения, тэги: продажи).

Отображение

Размер карточек — одно из трех значений: меленький, средний, большой. Определяет то, какого размера будут выводимые этажом карточки с элементами коллекции. Размер карточек на большом экране будет работать, примерно так: в одном ряду помещается 4 маленькие карточки, 3 средние или 2 большие.

Заголовок

Тег — у каждой карточки будет выведен заголовок. Он может быть обернут в тэг от h1 до h6, где h1 самый крупный, h6 самый малый.

Семантический? — если стоит галочка «да», то этот тег будет будет рассматриваться с точки зрения поисковых систем, поэтому важно будет следить за порядком возникновения заголовков в структуре странице (SEO). Если же галочка не стоит, то визуально ничего не изменится, вместо реального тега h1-h6 будет использоваться обычный div, но с аналогичными стилями.

Кнопка

Текст — текст, отображаемый на кнопках всех карточек этажа. Кнопки ведут на сами страницы, которые анонсируют карточки.

На всю ширину? — да/нет. Чекбокс задает ширину кнопки относительно ширины карточки..

Стиль — задает внешеий кнопки в зависимости от цветовой схемы.

Вариант — задает внешний вид кнопки в зависимости от цветовой схемы.

Пример карточки. Кнопка на всю ширину, стиль «основная», вариант «кнопка»:

Пример карточки. Кнопка на всю ширину, стиль «дополнительная», вариант «гамма»:

Также вы можете отредактировать для этого этажа отступы, цвет фона, задать ему уникальный идентификатор, определить положение этажа по отношению к другим этажам страницы.

Общий пример внешнего вида этажа: