Добавление компонента поиска (предварительная версия)

[Данный раздел посвящен предварительному выпуску и может быть изменен.]

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

Внимание!

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

Как добавить компонент поиска

Чтобы вставить компонент поиска на страницу, выполните следующие действия.

1. Откройте студию дизайна, чтобы отредактировать содержимое и компоненты страницы.
2. Выберите страницу, которую нужно изменить.
3. Выберите раздел, который требуется добавить в поиск.
4. Наведите указатель на редактируемую область холста и выберите Поиск на панели компонентов.

Панель поиска

Строка поиска позволяет пользователям вводить свои запросы.

Свойство	Описаниен
Показывать результаты поиска во встроенном формате	Определяет, отображается ли сводка результатов на той же странице или перенаправляет на выделенную страницу результатов поиска.
Текст-заполнитель	Текст, отображаемый в строке поиска перед тем, как пользователь введет запрос (например, "Что бы вы хотели искать?").

Резюмирование результатов поиска

В разделе сводки поиска отображается сгенерированная ИИ сводка соответствующего контента, полученного с веб-сайта.

Свойство	Описаниен
Текст заголовка	Заголовок, отображаемый над сгенерированной ИИ сводкой поиска.

Добавление страницы результатов поиска

Страница результатов поиска по умолчанию автоматически подготавливается при создании сайта, но эта страница не отображается в рабочей области «Страницы». Поэтому его нельзя настроить напрямую. Если вам нужно создать пользовательскую страницу результатов поиска, выполните следующие действия:

1. Откройте студию дизайна.
2. Выберите + Страница, чтобы открыть диалоговое окно создания страницы.
3. Выберите пункт Другие способы добавления страницы, доступный в нижней части страницы.
4. Введите название страницы.
5. Выберите стандартный макет страницы Поиск.
6. Выберите Добавить.

Примечание.

На веб-сайте может быть только одна страница результатов поиска одновременно. Добавление новой страницы макета поиска заменяет существующую.

Чтобы восстановить или переназначить предыдущую страницу результатов поиска:

1. Откройте приложение управления.
2. Перейдите к разделу Маркеры сайта.
3. Откройте маркер сайта Поиск для выбранного веб-сайта.
4. Обновите страницу, которая будет использоваться в качестве страницы результатов поиска.

Результат поиска

Этот раздел доступен только в том случае, если компонент "Поиск" используется на указанной странице результатов поиска.

Свойство	Описаниен
Текст заголовка	Заголовок, отображаемый над полным списком совпадающих результатов поиска.

Известные проблемы

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

<section class="page_section {{ section_class | h }} color-inverse">
    <div class="row sectionBlockLayout sectionFixedStyle" style="display: flex; flex-wrap: wrap; text-align: center;">
        <div class="container" style="display: flex; flex-wrap: wrap;">
            <div class="col-lg-12 columnBlockLayout" style="display: flex; flex-direction: column; justify-content: center;">
                {% if current_page == sr_page %}
                <h1 id="mainContent">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
                {% include 'Search' search_id:'search_control' %}
                {% endif %}
            </div>
        </div>
    </div>
</section>