Меню

advanced woo search настройка

Расширенный Ajax поиск товаров Woocommerce

Продолжаем освещать интересные и полезные плагины для онлайн магазина 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 categories, показывать категории, отключено.

Show tags, показывать теги, отключено.

Show sale badge, показ товаров из распродажи.

Max number of results, здесь указано сколько максимум товаров будет показано в поисковой выдаче.

Exact match, функция поиска только для полностью совпадающих строк. То есть примерные результаты не будут показаны.

Search in, здесь можно выбрать источник поиска. Из левого поля перетащите элементы в правое поле, в которых будет производиться поиск.

Нажмите на кнопку – Save Changes , чтобы сохранить сделанные изменения.

После сохранения настроек, перейдите на страницу: Внешний вид – Виджеты . Здесь у вас появится новый виджет – AWS Widget , который добавит расширенный поиск на ваш сайт. Перетащите виджет в сайдбар, настроек у виджета нет, можете только указать заголовок виджета.

Всё готово ! Теперь у вас есть расширенный Ajax поиск, пользуйтесь на здоровье.

источник

Поиск товара woocommerce – плагин «Advanced Woo Search»

2018-04-05 / Вр:14:48 / просмотров: 3609

Всем привет!
Хочу предложить вам отличный плагин для поиска товара на woocommerce.
Настройки плагина минимальны, точнее, я просто установил, нажал на кнопку, поставил шорткод и все заработало.
Итак, о поиске, чем же он хорош. Да тем, что при вводе в поиске одной буквы, появляется список товаров, которые начинаются на эту букву. Также в списке сразу выводятся цены.
Во так выглядит этот поиск:

Читайте также:  настройка роутера zyxel keenetic 192

Итак, скачайте и установите плагин «Advanced Woo Search».
Перейдите в админке «Adv.Woo Search»

Дальше перейдите по вкладке «Search Form» и сделайте перевод в таких пунктах, как у меня на скриншоте:

Перейдите по вкладке «General» и нажмите на кнопку «Reindex table»:

Для отображения на сайте поиска, можете воспользоваться виджитом «AWS Widget »:

источник

Плагины живого поиска для WooCommerce магазина

Этот вариант реализации поиска для сайта подразумевает то, что после ввода запроса пользователя под формой сразу подгружаются и показываются соответствующие результаты. Все это происходит автоматически в реальном времени и, в целом, достаточно удобно. Раньше вы уже могли видеть обзор плагина Ajax Search Lite для WordPress, а сегодня рассмотрю модули, заточенные конкретно под магазин WooCommerce. Я отобрал наиболее популярные и актуальные решения, у каждого из которых есть свои преимущества и недостатки.

Я так понимаю, по умолчанию WooCommerce использует базовую функциональность WP-движка. И хотя вы можете добавить на сайте какие-то хаки для поиска, все равно в нем будет отсутствовать возможность находить объекты по артикулу товара SKU и др.

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

Ajax Search for WooCommerce

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

Основные функции модуля:

  • Возможность искать по заголовку, длинному/короткому описанию продукта, его артикулу.
  • Отображение в результатах: превью, цены, описания, SKU.
  • Легкое внедрение через меню, шорткод или виджет.
  • Поиск по категориями и тегам.
  • Лимит количества элементов в результатах + ссылка на полноценную страницу со всеми найденными объектами каталога.
  • Минимальное число символов для старта живого поиска.
  • Поддержка локализации и Google Analytics.
  • Множество настроек, в том числе и по внешнему виду формы.
  • Есть специальная дополнительная панель для вывода в результатах, когда при наведении на элементы пользователь увидит всю информацию о товаре и даже сможет его купить!

После активации плагина в админке в разделе Woocommerce появится новый пункт меню — AJAX Search bar. Переходите в него и увидите несколько вкладок на странице:

  • Starting – описаны все методы интеграции на сайт.
  • Search bar – содержит определенные параметры поисковой строки + настройки ее внешнего вида.
  • Autocomplete – формат и оформление отображаемых на выходе результатов.
  • Search config – некоторые критерии для поиска.
Читайте также:  symbol ls1203 настройка для 1с

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

Единственное, что меня здесь смутило – это скорость работы. То ли я тестировал Ajax Search for WooCommerce на глючном сайте, то ли интернет в тот момент тормозил, но ответа приходилось ждать несколько секунд. В современных реалиях это долго.

Чтобы исправить эту ситуацию разработчики предлагают вам поставить PRO версию. Нет, они специально не замедляют работу своего детища, просто в продвинутой версии используется «обратный индекс» (inverted index) – технология, позволяющая в разы ускорить весь процесс.

Также в PRO разрешается искать по вариациям, атрибутам, пользовательским полям и многое другое. Предложение очень заманчивое, но ценник в $150 за пожизненную лицензию немного кусается. Хотя, если у вас серьезный тематический сайт как здесь в котором надо реализовать более быстрый и улучшенных поиск, то это можно считать инвестицией.

Advanced Woo Search

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

Основная задача и функции у модуля такие же, как и у прошлого – вы можете искать товары по заголовкам, текстам, артикулам, тегам и категориям. В результатах разрешается выводить не только название, но и картинки, описание, цены. Похожие объекты группируются. Интеграция через виджет/шорткод.

Из нового и интересного здесь есть:

  • Настройка стоп-слов.
  • Разработчики говорят, что их продукт функционирует максимально быстро. Я так понимаю, это достигается за счет создания специального индекса. В первый раз запускаете его формирование вручную, а дальше данные будут синхронизироваться автоматически.
  • Поддерживаются синонимы и множественные формы (но не уверен, что это работает с товарами, не на английском языке).
  • Совместимость с куда большим количеством плагином локализаций и других, например, с Custom Product Tabs for WooCommerce и Search Exclude.
  • Не уверен, что прошлый модуль так может, но здесь имеется подсветка акционных/скидочных товаров.

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

Все настройки Advanced Woo Search задаются в одноименном разделе админки, они собраны в 3 вкладки:

  • Основные – информация об установке, ручная переиндексация таблицы данных, очистка кэша, стоп-слова, синонимы, поля для поиска.
  • Search Form – тут собрано все, что касается отображения поисковой формы (есть даже три варианта ее дизайна).
  • Результаты – содержит информацию, которая будет показана пользователю в итоге.
Читайте также:  как изменить настройки видео в моем мире

Для каждого параметра есть пояснение, и их, в принципе, тут не мало. Еще один плюс данного решения – стоимость PRO версии всего $49. Взамен получите: поиск по атрибутам и таксономиям, дизайны формы, использование логических выражений И / ИЛИ, поддержку ACF, кнопку добавить в корзину и др. В целом, весьма неплохой набор.

YITH WooCommerce Ajax Search

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

Набор функций минимальный:

  • Можете менять тексты в поисковой форме.
  • Добавление на сайт с помощью виджетов или шорткода.
  • Также задается минимальное число символов для старта работы и максимальное количество элементов в результатах.

Все основные фишки – только в PRO-релизе. Почему добавил третьим в список? – тут исправляют найденные ошибки и во вкладке Support репозитория иногда отвечают на вопросы юзеров.

Smart WooCommerce Search

Нашел это плагин в последний момент перед написанием статьи. Мое внимание привлекло то, что в его демо-версии результаты в реальном времени подтягивались достаточно быстро (возможно, из-за того, что там было не более 10-ти товаров). Оценка хорошая, загрузок – 10 тысяч, хотя за последние 3 месяца от автора ничего не было слышно + накопилось 5 багов.

Возможности Smart WooCommerce Search, в принципе, соответствуют всем остальным плагинам (кроме YITH). Здесь есть куча настроек внешнего вида формы, вывод ее через виджет/шорткод, поиск не только по каталогу продукции, ее категориям/тегам, но и по постам, страницам сайта. Поддерживаются вариативные товары, а также ограничение поиска по рубрикам – за эти 2 опции лайк.

Данный модуль я пока не тестировал, поэтому его скриншоты смотрите в репозитории. Выглядит визуально не супер стильно, зато почти все параметры оформления сможете менять без кодинга.

В результатах, как видите, можно добавлять картинки, цены, скидочные акции. Исключается продукция, которой нет в наличии. Есть локализация, поддержка WPML и Search Exclude. В PRO-версии будут синонимы, стоп-слова, таксономии и др.

Итого. Из всех плагинов живого поиска в WooCommerce для своей задачи я выбрал Advanced Woo Search. Меня подкупило наличие механизма индексации таблиц БД и кэша в бесплатной версии – вероятно, я позволит данному элементу работать быстрее. Самый красивый – это, конечно, Ajax Search for WooCommerce, в нем все оформлено достаточно стильно. Последний модуль также нужно будет как-то потестировать, он выглядит неплохо, надеюсь автор не забросит разработку.

источник