Elementor — это популярный конструктор страниц WordPress, который позволяет легко создавать сайты и каталоги. Для создания каталога с поиском при помощи Elementor в WordPress можно использовать плагин JetEngine, который добавляет виджеты и функциональность для создания кастомных типов записей и кастомных полей.
Вот как создать каталог со строкой поиска на странице при помощи JetEngine:
- Установите и активируйте плагин JetEngine на вашем сайте WordPress.
- Создайте кастомный тип записи для каталога, это можно сделать в разделе JetEngine > Кастомные типы записей. Кастомный тип записи позволит определять различные свойства и значение элементов в каталогах.
- Добавьте кастомные поля к типу записи. Вы можете добавить необходимые кастомные поля (например, название товара, описание, изображение, цена и т.д.) при помощи виджетов JetEngine.
- Добавьте элементы на страницу. Перейдите во вкладку «Elementor» и добавьте на страницу виджет «Dynamic Field». Этот виджет позволяет отобразить данные типа записи на странице.
- Свяжите кастомные поля с виджетом. Выберите нужное кастомное поле и свяжите его с виджетом «Dynamic Field».
- Добавьте строку поиска на страницу. Добавьте на страницу виджет «Search Form». Этот виджет позволяет создать поле поиска на странице.
- Свяжите поиск с кастомным типом записи. Выберите нужный кастомный тип записи и свяжите его с виджетом Search Form.
- Отобразите результаты поиска на странице. Добавьте на страницу виджет «Posts» и настройте его параметры.
Теперь вы можете сохранить страницу и посмотреть, как работает каталог со строкой поиска на вашем сайте WordPress с использованием Elementor и JetEngine. Если вы хотите, чтобы результаты поиска отображались без обновления страницы, используйте Ajax-фильтры JetSmartFilters, которые позволяют мгновенно фильтровать данные на странице.
