> For the complete documentation index, see [llms.txt](https://wiki.reezonly.ru/space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.reezonly.ru/space/stranicy-saita/katalog-nastroika-otobrazheniya-produktov-i-stranic.md).

# Каталог: настройка отображения продуктов и страниц

*Время на чтение: 5 минут*

{% hint style="info" %}
📜 Отображение каталоге - это раздел административной части платформы, где вы управляете настройками отображения карточки страницы сайта в каталогах по всему сайту.
{% endhint %}

## Что такое теги и как их настраивать <a href="#h_8c3565c2a3" id="h_8c3565c2a3"></a>

Для **создания тега** и **группировки по категориям**, вам необходимо перейти в раздел **Теги**:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FtyHwzxtl4vTjX5MPI2ge%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-04-16%20%D0%B2%2012.23.48.png?alt=media&amp;token=778bbae5-3113-4821-88bb-b19dfe934c77" alt="" width="193"><figcaption></figcaption></figure>

**Теги** служат для отметки продуктов и позволяют группировать похожие продукты или страницы. Это упрощает создание поиск и просмотра необходимых материалов для пользователей.

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

{% hint style="info" %}
🍊 Рекомендуется использовать Теги во множественном числе.
{% endhint %}

{% hint style="success" %}
💡 Теги также могут использоваться в качестве фильтров по каталогу для пользователей онлайн-академии.
{% endhint %}

Более подробно про управление тегами вы можете узнать в [этой ](https://wiki.reezonly.com/space/nastroiki/upravlenie-tegami)статье.

### Как работает выбор страницы по тегам в каталоге? <a href="#h_102dd83ba9" id="h_102dd83ba9"></a>

1. Выберите **Теги**, которые будут сохранены за страницей.
2. В блоке **Каталог** на **Странице сайта** выберите нужные **Теги**.
3. Если **Теги**, указанные в **Каталоге**, присутствуют на странице, то он будет отображаться в каталоге.

Как платформа выбирает продукты (курсы) по указанным **Тегам**:

1\. Платформа анализирует все **Теги** продуктов на соответствие каталогу:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FgH7aX92sWKhcWQXDvL9b%2Fimage.png?alt=media&amp;token=bcdd4e5e-0049-4d0e-95d7-5532ed37072b" alt="" width="563"><figcaption><p>№2. Анализ тегов на соответствие</p></figcaption></figure>

2\. Платформа выбирает подходящие для **Каталога** продукты и страницы:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F0pOamf4h1m3u9cl3OXkO%2Fimage.png?alt=media&amp;token=a452b638-7904-46cc-813d-ee6904e98c0a" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FT8D3MVVgLJQrM3AXzr7Q%2Fimage.png?alt=media&amp;token=65ab9e2d-743c-4c74-aac6-c9809b30d4a2" alt="" width="563"><figcaption><p>№3-4. Схематичная группировка по тегам​</p></figcaption></figure>

### Как работает фильтрация по Тегам в Каталоге? <a href="#h_02f6364d4d" id="h_02f6364d4d"></a>

При добавлении **Тегов** в разделе **Фильтры для отображения** **пользователям** блока **Каталог** пользователи смогут их использовать для выбора необходимого продукта или страницы:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F5kzA6AVySgGeDfX8TLbX%2Fimage.png?alt=media&amp;token=7d80181e-3c5a-4318-8458-3e091e12f65a" alt="" width="563"><figcaption><p>№5. Отображение установленных тегов</p></figcaption></figure>

Если у страницы есть необходимый **Тег**, то при выборе соответствующего фильтра она будет отображаться в выборке **Каталога**:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FelhtpqPG6NDbZF8t0Bg2%2Fimage.png?alt=media&amp;token=a57188d4-f2c7-4cb0-9143-113cb297401a" alt="" width="563"><figcaption><p>№6. Фильтрация по тегам</p></figcaption></figure>

### Тип страницы <a href="#h_2d5d7846c0" id="h_2d5d7846c0"></a>

Тип страницы – это категория, которая отображается на карточке товара и помогает определить его принадлежность к общей группе.

На данный момент доступно два типа страницы: **Новость** и **Академия**.

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FSq1WUjQEHX20JdHS0Cnk%2Fimage.png?alt=media&amp;token=515ff298-7ba8-408c-840c-5ac7699faf24" alt="" width="563"><figcaption><p>№7. Типы продукта в каталоге</p></figcaption></figure>

### Позиция в каталоге <a href="#h_29d1a386bd" id="h_29d1a386bd"></a>

Каталог по умолчанию упорядочен по номеру позиции. Заданные номера определяют порядок, в котором продукты и страницы располагаются в каталоге.

## Как настроить теги в каталоге

#### Блок каталога

Рассмотрим блок каталога, в разделе **Страницы сайта:**

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FfLJEu2ZWGY6tcwfuSKc0%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-04-16%20%D0%B2%2016.04.02.png?alt=media&amp;token=6debf6a8-868a-42c2-b7a2-3e27f9247446" alt=""><figcaption></figcaption></figure>

1. Настройка фильтров каталога
2. Настройки отображения внешнего вида каталога
3. Настройка отображения продуктов, которые войдут в каталог, с помощью тегов

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

Для настройки отображения продуктов, вам необходимо выполнить несколько простых действий:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2Ffmp95hZilaHes4CuJCW8%2F%D0%97%D0%B0%D0%BF%D0%B8%D1%81%D1%8C-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2025-04-16-%D0%B2-16.14.47.gif?alt=media&amp;token=a9ed9f41-b767-4eb5-8179-532242784883" alt=""><figcaption></figcaption></figure>

1. Кликните на кнопку Добавить набор тегов
2. В поле поиска найдите необходимую категорию с тегами
3. Выбреите необходимые теги

{% hint style="danger" %}
В случае, если вы выберите несколько тегов, в **Каталоге** отобразятся те продукты, в которых содержаться все эти теги. Таким образом вы можете сузить зону выборки продуктов.&#x20;
{% endhint %}

4. Кликните на кнопку **Добавить**

Для **отображения продуктов из нескольких категорий**, вам необходимо **Добавить еще один набор тегов,** после этого в каталоге будут отображены продукты из 1-го и из 2-го набора тегов.&#x20;

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FPGww8m55bCotPv9xhaSw%2F%D0%97%D0%B0%D0%BF%D0%B8%D1%81%D1%8C-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2025-04-16-%D0%B2-16.57.45.gif?alt=media&amp;token=f8b4a1d7-4313-41ca-8d56-22440ae4f572" alt=""><figcaption></figcaption></figure>

В случае, если в 1-ом и во 2-ом наборе тегов есть продукт, который содержит в себе теги обоих наборов, он единожды отобразится в каталоге.&#x20;

#### Работа с фильтрами в каталоге

В каталоге есть возможность настройки фильтров для отображаемых продуктов:

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F1ieXh14m9eAfOdw7lYUK%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202025-04-16%20%D0%B2%2017.07.15.png?alt=media&amp;token=1b8d6e62-3516-4640-b054-c9946fe2a4a3" alt="" width="375"><figcaption></figcaption></figure>

Фильтры над каталогом:&#x20;

1. **Календарь** - отображение календаря старта продуктов
2. **Поиск** - поиск по названию продукта
3. **Фильтр по основной категории** - фильтр, в котором выбираются категории продуктов, используемых в каталоге. Пользователю будут отражены **теги** выбранных **Категорий.**&#x20;

Фильтры слева от каталога:

1. Стоимость - стоимость оплаты прохождения продукта
2. Период обучения&#x20;
3. Создать фильтр - возможность создать пользовательский фильтр

{% hint style="info" %}
Если у вас возникли дополнительные вопросы, пожалуйста, не стесняйтесь обращаться к нашей службе поддержки 😃
{% endhint %}
