Продовжуємо висвітлювати цікаві і корисні плагіни для онлайн магазину woocommerce. Сьогодні ви дізнаєтеся як додати в свій інтернет магазин розширений ajax пошук товарів woocommerce. Що дасть вам розширений ajax пошук. Коли користувач буде шукати товар на вашому сайті, то при введенні всього однієї літери, йому вже будуть показані відповідні товари. Ви зможете налаштувати вигляд товарів в випадаючому списку пошуку. За замовчуванням товари відображаються зі слайдами зображень, з цінами, акціями, описом і т.д.
Встановити розширений пошук в свій магазин, можна за допомогою плагіна - Advanced Woo Search. Встановити даний плагін ви зможете прямо з адмін-панелі wordpress. Перейдіть на сторінку: Модулі - Додати новий. введіть назву плагіна в форму пошуку, натисніть Enter, встановіть і активуйте плагін.
Після установки і активації плагіна, перейдіть на сторінку Adv. Woo Search. Тут ви зможете налаштувати відображення пошуку.
- Text for search field, вкажіть текст який буде відображатися в поле пошуку.
- Minimum number of characters, вкажіть тут мінімальна кількість символів для запуску Ajax пошуку. Тобто, при введенні однієї літери, вже будуть показані відповідні товари.
- Show loader, показ ефекту завантаження при пошуку. За замовчуванням включено.
- Show image, показувати зображення товарів в випадаючому списку пошуку. За замовчуванням включено.
- Show description, показувати опис товарів у пошуку, включено.
- Description source, тут ви зможете вибрати, звідки буде братися опис товарів. З уривка або з контенту.
- Description length, тут вказано розмір опису.
- Show price, показ цін включений за замовчуванням.
- Mark words, буде показуватися позначка для товарів з акції.
- Show tags, показувати теги, відключено.
- Show sale badge, показ товарів з розпродажу.
- Max number of results, тут вказано скільки максимум товарів буде показано в пошуковій видачі.
- Exact match, функція пошуку тільки для повністю збігаються рядків. Тобто приблизні результати не будуть показані.
- Search in, тут можна вибрати джерело пошуку. З лівого поля перетягніть елементи в праве поле, в яких буде проводитися пошук.
- Натисніть на кнопку - Save Changes. щоб зберегти зроблені зміни.
Ви зберегли, перейдіть на сторінку: Зовнішній вигляд - Віджети. Тут у вас з'явиться новий віджет - AWS Widget. який додасть розширений пошук на ваш сайт. Перетягніть віджет в сайдбар, налаштувань у віджета немає, можете тільки вказати заголовок віджета.
Все готово. Тепер у вас є розширений Ajax пошук, користуйтеся на здоров'я.