База знаний no-code платформы Taptop

Как настроить условия отображения для элементов в виджете Collection и на динамической странице

Содержание
Добавьте заголовки в ваш документ, чтобы сгенерировать содержание.

Вы можете задавать условия отображения для любых элементов и виджетов внутри Item виджета Collection на любой странице. На динамической странице условия можно применять даже без добавления виджета Collection.

Как это работает

Можно настроить отображение элемента в зависимости от данных в любом поле коллекции.

Условия можно применять к любым элементам, даже если они не привязаны к полю коллекции.

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

Как настроить условное отображение

1. Выберите нужный элемент

Выберите элемент, для которого хотите задать условие отображения.

Это может быть любой элемент внутри Collection Item или любой элемент на динамической странице — текст, картинка, кнопка и т. д.

BlockNote image

2. Настройте условие отображения

Перейдите на вкладку Настройки на правой панели. Откройте раздел Условия отображения и нажмите «+», чтобы добавить условие.

BlockNote image

Выберите поле коллекции, данные которого будут определять, показывать элемент или скрывать его. Задайте условие для этого поля — например, «Равно», «Не равно», «Заполнено», «Не заполнено».

BlockNote image

Например, можно задать правило: показывать акционную плашку только если поле «Скидка» заполнено.

3. Нажмите кнопку Добавить условие.

BlockNote image

Для одного элемента можно задать неограниченное количество условий.

3. Проверьте результат

После добавления условие появится в списке.

BlockNote image

Если элемент не соответствует заданному правилу, он будет скрыт.

BlockNote image

Готово! Условное отображение работает: теперь акционные плашки отображаются только у элементов, у которых есть скидка, а у остальных элементов они скрыты.

Управление условиями

Чтобы изменить условие, кликните на иконку шестеренки слева от его названия.

Чтобы удалить условие, нажмите «–».

BlockNote image

Автоматическое скрытие пустых элементов

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

BlockNote image

Благодаря этому на сайте не появляются пустые блоки и элементы без данных — например, рамка вокруг изображения, которое не загружено, или текстовый блок без содержимого.

BlockNote image

Важно знать

Если задать два противоречащих условия (например, «Заполнено» и «Не заполнено»), то первое условие будет сброшено.

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

Примеры использования

Скрывать элементы, привязанные к пустым полям — например, если изображение не загружено.

Показывать акционные цены и плашки только для товаров со скидками.

Отображать разные сообщения для отдельных стран при доставке — например, «Международная доставка» для всех стран, кроме России.

Похожие статьи

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