Вернуться к справочному центру

Как настроить динамические CSS-классы в репитере

Раздел I. Начало работы

Создание сайта
Как создать сайт из шаблонов секций

Как создать галерею работ свадебного фотографа

Как собрать карту сайта

Как создать сайт с помощью Ai

Раздел II. Работа c Landy 

Интерфейс конструктора
Секции и блоки
Глобальные секции
Глобальные блоки
Контейнеры
Адаптив
Работа с медиа-библиотекой

Структура сайта

Настройка поиска в простых секциях

Настройка поиска в гибких секциях

Как получить API ключ для Яндекс карт

Раздел III. Работа с формами
Работа с формой
Просмотр заявок

Уведомления о заявках с сайта в телеграм

Как прикреплять файлы к формам

Раздел IV. Настройки сайта

Общие настройки
Подключение домена
Покупка домена
Аналитика и SEO
Стили
Свой код
Персональные данные

Уведомления

Плагины

Оплата на сайте

Редиректы страниц

Раздел V. SEO

Оптимизация заголовков
Настройка тега canonical

Раздел VI. Сервисы

Создание новостей

Заказы

Настройка фильтров

Импорт записей из CSV в коллекцию

Как настроить динамические CSS-классы в репитере

Настроим модели

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

Перейдем в нужную нам коллекцию и создадим произвольное поле.

Добавим значения в записи коллекции для нового поля, например в нашем случае col-1, col-2, col-3

Добавим класс в элемент репитера

Перейдем в настройки элемента репитера, в таб настроек "Дополнительно" и зададим HTML-атрибут, указав в ключе class и выберем переменную ранее добавленного в коллекцию поля.

Можно использовать добавленный класс для персонализации стилей элементов репитера, например - использовать Свой код:

Настройка отображения компонентов внутри репитера

Перейдем к любому компоненту, например тексту.

В настройках компонента найдем группу настроек "Отображение при условии"

Зададим необходимые нам значения в "Поле", "Условие" и "Значение" (принцип работы аналогичен фильтрации в коллекциях)

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

1. Вкладка браузера.

Для настройки вкладки браузера вам понадобятся настройки: название сайта и иконка.


1. Введите название, которое хотите, чтобы отображалось  во вкладке браузера.

2. Добавьте иконку в разрешении: PNG или SVG и размером не менее 192x192px.

Мы автоматически генерируем иконки для разных типов устройств!