Как бесплатно добавить поиск товаров Ajax в WooCommerce в 2024 году

Хотите добавить панель поиска в свою тему? Вы пришли в нужное место! Я покажу вам, как легко и быстро его интегрировать.

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

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

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

Итак, если вы хотите обеспечить более эффективное и удобное взаимодействие с вашими посетителями, добавление панели поиска — это то, что вам нужно!

В этой статье я познакомлю вас с бесплатным плагином «The Advance Product Search Plugin» для добавления поиска продуктов Ajax с помощью Ajax в WooCommerce.

Что такое поиск товаров AJAX?

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

Он использует асинхронную технологию JavaScript и XML (AJAX) для отправки запроса на сервер в фоновом режиме и получения результатов поиска, не нарушая работу пользователя в Интернете.

Это позволяет ускорить и упростить поиск товаров на веб-сайте электронной коммерции.

Почему следует использовать AJAX?

Ajax обычно используется в веб-разработке для создания более динамичного и интерактивного пользовательского интерфейса.

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

Это может помочь улучшить взаимодействие пользователей, повысить уровень удержания и повысить общую удовлетворенность пользователей веб-сайтом.

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

В целом Ajax — мощный инструмент для повышения функциональности и удобства использования веб-сайтов.

Теперь я познакомлю вас с бесплатным плагином «The Advance Product Search Plugin» для добавления поиска продуктов Ajax с помощью Ajax в WooCommerce.

Давайте начнем!

Установка плагина (бесплатная версия)

Плагин Th Advance Product Search — это сверхбыстрый Ajax-поиск в реальном времени для поиска вашего продукта, страницы и сообщения.

Шаг 1. Установите плагин «Th Advance Product Search» .

Чтобы установить плагин «The Advance Product Search» на свой сайт WordPress, перейдите в раздел « Плагины администратора WP » и нажмите « Добавить новый ». Найдите плагин, нажмите « Установить сейчас » и активируйте его, чтобы начать использовать его функции.

Шаг 2. Введите «Th Advance Product Search» в названии плагина в поле поиска и нажмите « Установить сейчас ».

Найдите «Расширенный поиск продукта» в поле поиска плагина, затем нажмите « Установить сейчас », чтобы добавить его на свой сайт WordPress.

Шаг 3: Активируйте плагин.

После установки нажмите «Активировать», чтобы включить функциональность плагина на вашем сайте WordPress.

Шаг 4: Перейдите к «Расширенный поиск» и нажмите на него.

После активации плагин «Расширенный поиск продуктов» отобразит вкладку «Themehunk» в левой части панели управления.

Шаг 5: Доступ к настройкам «Th Advance Product Search».

Чтобы получить доступ к расширенным настройкам поиска товаров, выберите опцию «Расширенный поиск». Это позволит вам настроить и уточнить критерии поиска продуктов. Используйте эту функцию, чтобы более эффективно находить определенные продукты.

Здесь ваш «Плагин Th Advance Product Search» успешно добавлен !

Способы добавления расширенного поиска товаров.

Теперь я покажу вам, как простыми способами можно интегрировать и добавить панель поиска в вашу тему.

1. Добавьте панель поиска, используя «Шорткоды».
2. Добавьте панель поиска, используя «Заблокировать».
3. Добавьте панель поиска с помощью «Виджетов».
4. Добавьте панель поиска, используя «PHP».
5. Отобразите панель поиска в виде «меню». .

(прокрутите вниз, чтобы узнать, как можно использовать шорткоды, виджеты и PHP для добавления панели поиска.)

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

• Голосовой поиск,
• Погрузчик,
• Настройки автозаполнения,
• Область поиска в продукте,
• Выделите в продукте,

Чтобы получить эти потрясающие настройки, которые вы хотите видеть на своем веб-сайте, вы можете « Обновить до версии Pro » и получить «TH Advance Search Pro».

Как бесплатно добавить поиск товаров Ajax в WooCommerce

1. С помощью «коротких кодов».

Шаг 1. Откройте настройки расширенного поиска продуктов.

Перейдите на свою панель управления, и справа вы увидите вкладку «Themehunk». Выберите «Расширенный поиск», чтобы получить доступ к настройкам расширенного поиска продуктов.

Шаг 2. Выберите и скопируйте «Шорткоды».

В разделе «Интеграция» вы можете увидеть «Шорткоды». вам нужно выбрать стиль панели поиска, просто скопировать шорткоды предпочитаемой вами панели поиска и вставить их в редактор вашего сайта.

Панель расширенного поиска продуктов была успешно добавлена ​​и теперь видна.

2. С помощью « Блокировать ».

Шаг 1. Начните с доступа к информационной панели.

Перейдите в раздел «Страницы» на панели управления и нажмите «Страница магазина».

Шаг 2. Теперь нажмите значок [+].

Шаг 3. Найдите блок «Th Advance Product Search» и нажмите на него.

После нажатия кнопки «Заблокировать» шорткод будет вставлен автоматически.

Шаг 4. Теперь нажмите «Обновить» и перейдите на сайт предварительного просмотра.

Вы можете видеть, что панель поиска теперь успешно добавлена ​​на страницу.

3. С помощью « Виджетов ».

Шаг 1. Добавление «Виджета TH Advance Search».

1. Чтобы найти «Виджет TH Advance Search Widget», перейдите в раздел «Внешний вид» > «Виджеты».
2. Перейдите на основную боковую панель, найдите «Виджет расширенного поиска» и выберите его.

Шаг 2. После добавления «Th Advance Search Widget» нажмите «Обновить».

Шаг 3. Найдите «Посетить сайт и просмотреть».

Вы можете увидеть, используя строку поиска «Виджеты», что она успешно добавлена .

4. Отобразить панель поиска в виде « Меню ».

Шаг 1. Перейдите в «Внешний вид» > «Меню».

Шаг 2. Проверьте «Панель расширенного поиска TH» и нажмите кнопку «Добавить в меню».

Шаг 3. Найдите настройку меню. и отметьте (✓) главное место отображения .

1. Найдите настройку меню. и отметьте (✓) главное место отображения.
2. Нажмите «Сохранить меню»

Ниже вы можете видеть, что панель поиска успешно добавлена ​​в меню.