Search: AI, Hybrid, Classic

  • Pricing
  • Help
    • My Licenses
      • Login
      • Download
      • Why us
      • Contact us
    • Features
      • Google Retail Search
      • Weaviate
      • Elasticsearch
      • OpenSearch
      • Solr
      • Algolia
      • Roadmap
      • Artificial Intelligence
      • Hosting
      • Releases
    • Documentation
    • Support
    • Testimonials
    • Live Demos
    • Blog
Menu
  • Pricing
  • Help
    • My Licenses
      • Login
      • Download
      • Why us
      • Contact us
    • Features
      • Google Retail Search
      • Weaviate
      • Elasticsearch
      • OpenSearch
      • Solr
      • Algolia
      • Roadmap
      • Artificial Intelligence
      • Hosting
      • Releases
    • Documentation
    • Support
    • Testimonials
    • Live Demos
    • Blog
Search
Search
Search
Search

Home » Your configuration journey, step by step » Add-ons » YITH WooCommerce Ajax Search add-on

YITH WooCommerce Ajax Search add-on

180 views 0 April 23, 2021

What is the YITH WooCommerce Ajax Search add-on

This add-on allows you to use the YITH suggestions when searching with the WPSOLR search engine. It will however only work on the YITH WooCommerce product search widget. YITH WooCommerce Ajax Search add-on will show you suggestions when typing without having to configure them in WPSOLR.

 

Install the YITH WooCommerce Ajax Search plugin

Image Screenshot-2021-04-19-at-12.36.55.png of YITH WooCommerce Ajax Search add-on

Click on “Plugins” in the sidebar.

Image Screenshot-2021-04-19-at-12.37.07.png of YITH WooCommerce Ajax Search add-on

Then click on “Add New”.

Image Screenshot-2021-04-19-at-13.09.32.png of YITH WooCommerce Ajax Search add-on

Search for the yith woocommerce ajax search plugin.

Image Screenshot-2021-04-19-at-13.09.35-1024x469.png of YITH WooCommerce Ajax Search add-on

Then click on “Install Now”.

 

Install the YITH WooCommerce Product Search widget

Image Screenshot-2021-04-23-at-11.03.00.png of YITH WooCommerce Ajax Search add-on

Click on customize on the front part of the website.

Image Screenshot-2021-04-23-at-11.03.10.png of YITH WooCommerce Ajax Search add-on

Then click on “Widgets” in the sidebar that appears.

Image Screenshot-2021-04-23-at-11.03.14.png of YITH WooCommerce Ajax Search add-on

And click on “Sidebar”.

Image Screenshot-2021-04-23-at-11.03.19.png of YITH WooCommerce Ajax Search add-on

Then click on “Add a Widget”.

Image Screenshot-2021-04-23-at-11.03.26.png of YITH WooCommerce Ajax Search add-on

And search for “YITH”. When you’ve added the widget, publish your changes.

Image Screenshot-2021-04-23-at-11.05.19.png of YITH WooCommerce Ajax Search add-on

Then search for something in the search box

Image Screenshot-2021-04-23-at-12.41.20-1024x495.png of YITH WooCommerce Ajax Search add-on

You’ll see the newly added widget at the bottom of the first checkbox.

 

Create a WPSOLR index

Image Screenshot-2021-04-19-at-13.18.23.png of YITH WooCommerce Ajax Search add-on

Click on “Connect your indexes” in the WPSOLR section in the admin.

Image Screenshot-2021-04-19-at-13.24.34.png of YITH WooCommerce Ajax Search add-on

Then click on “Connect to your search server or search service”.

Image Screenshot-2021-04-19-at-13.25.34-1024x702.png of YITH WooCommerce Ajax Search add-on

Choose a search engine and a hosting service. Select a language and give your index a name. Fill in the endpoint url you got from the hosting service. Leave the default number of shards and replicas if you’re not sure how many you need. Then fill in the user and password you got from the hosting service.

 

Activate the YITH WooCommerce Ajax Search add-on

Image Screenshot-2021-04-19-at-15.43.21.png of YITH WooCommerce Ajax Search add-on

Click on “Activate extensions” in the menu bar at the top.

Image Screenshot-2021-04-19-at-15.46.52.png of YITH WooCommerce Ajax Search add-on

Click on “YITH Ajax Search” in the sidebar.

Image Screenshot-2021-04-19-at-15.47.08-1024x522.png of YITH WooCommerce Ajax Search add-on

Click on the first checkbox to activate the add-on. Then click on the second checkbox to use WPSOLR on the YITH WooCommerce Ajax search form widget in the background.

Image Screenshot-2021-04-20-at-12.20.43.png of YITH WooCommerce Ajax Search add-on

Then click on “Theme” in the sidebar.

Image Screenshot-2021-04-20-at-12.20.49-1024x680.png of YITH WooCommerce Ajax Search add-on

Then select the first checkbox. This will activate the add-on. This is necessary if you want to have more options when customizing the search filters, like using a slider instead of a checkbox.

 

Configure WPSOLR

Image Screenshot-2021-04-20-at-12.31.11.png of YITH WooCommerce Ajax Search add-on

Click on “Define your search with” in the menu bar.

Image Screenshot-2021-04-20-at-12.31.20-1024x391.png of YITH WooCommerce Ajax Search add-on

Click on the “Search” checkbox and choose the search engine index we created earlier.

Image Screenshot-2021-04-20-at-12.56.31.png of YITH WooCommerce Ajax Search add-on

Click on “Data” in the sidebar.

Image Screenshot-2021-04-20-at-12.56.44-1024x251.png of YITH WooCommerce Ajax Search add-on

Then click on “Products” and choose the taxonomies you want.

Image Screenshot-2021-04-20-at-15.43.29.png of YITH WooCommerce Ajax Search add-on

Then choose the fields you want to use.

Image Screenshot-2021-04-20-at-15.44.38-1024x646.png of YITH WooCommerce Ajax Search add-on

You can also change the field type. I selected the floating point number for the price field and the integer number for the stock field because i want to display them as sliders. A slider won’t work if the field is a text type. I left the default for the stock status field.

Image Screenshot-2021-04-21-at-11.34.08.png of YITH WooCommerce Ajax Search add-on

Click on “Filter” in the sidebar.

Image Screenshot-2021-04-21-at-11.34.20-1024x126.png of YITH WooCommerce Ajax Search add-on

Then select the filters we chose before. When you’re done save.

Image Screenshot-2021-04-21-at-11.48.16-1024x420.png of YITH WooCommerce Ajax Search add-on

Then stay on the page and change the label and layout of the price filter. Here I chose the range slider layout but you will not be able to choose this layout if you have not activated the “Theme” extension.

Image Screenshot-2021-04-21-at-11.48.32-1024x434.png of YITH WooCommerce Ajax Search add-on

Then do the same thing for the stock filter.

Image Screenshot-2021-04-21-at-12.03.30-1024x639.png of YITH WooCommerce Ajax Search add-on

Then scroll down to the stock status filter. I changed the label but left the default layout. Then scroll down.

Image Screenshot-2021-04-21-at-12.03.35.png of YITH WooCommerce Ajax Search add-on

Click on the “Override each item label” button.

Image Screenshot-2021-04-21-at-12.03.41.png of YITH WooCommerce Ajax Search add-on

Then fill in the facet value label. This will display the label you choose next to the checkbox on the front part of our website. When you’re done save.

Image Screenshot-2021-04-21-at-13.42.56-1024x517.png of YITH WooCommerce Ajax Search add-on

If you want you can change the skin of the slider, although this option is only available after you saved. I chose the nice skin in this example.

Image Screenshot-2021-04-21-at-13.43.06-1024x534.png of YITH WooCommerce Ajax Search add-on

Do the same for the stock filter.

 

Index your content

Image Screenshot-2021-04-21-at-14.01.07-1.png of YITH WooCommerce Ajax Search add-on

Click on “Send your data” in the menu bar.

Image Screenshot-2021-04-21-at-14.01.13.png of YITH WooCommerce Ajax Search add-on

Then click on the “Index selected post types in index” button to index your content.

 

Add the WPSOLR facet widget

Image Screenshot-2021-04-22-at-14.44.07-7-1024x104.png of YITH WooCommerce Ajax Search add-on

Head to the front part of the website and click on customize.

Image Screenshot-2021-04-22-at-14.44.23-561x1024.png of YITH WooCommerce Ajax Search add-on

Then click on “Widgets” in the sidebar.

Image Screenshot-2021-04-23-at-10.15.39.png of YITH WooCommerce Ajax Search add-on

Then click on “Sidebar”.

Image Screenshot-2021-04-23-at-10.16.23.png of YITH WooCommerce Ajax Search add-on

And select the “Add a widget” button.

Image Screenshot-2021-04-23-at-10.16.35.png of YITH WooCommerce Ajax Search add-on

Then search for “WPSOLR Facets”. When you’re done publish your changes.

 

Test WPSOLR search

Image Screenshot-2021-04-23-at-12.45.20-1024x491.png of YITH WooCommerce Ajax Search add-on

We can now see what YITH suggestions look like.  These suggestions are shown automatically without having to configure them in WPSOLR.

Image Screenshot-2021-04-23-at-12.47.50-1024x500.png of YITH WooCommerce Ajax Search add-on

If you select a suggestion you should end up on a product.

Was this helpful?

Yes  No
Related Articles
  • Hybrid search
  • Question Answering
  • Cohere
  • OpenAI
  • HuggingFace
  • CLIP

Didn't find your answer? Contact Us

Previously
bbPress add-on
Up Next
SEO add-ons
Expand All Collapse All
  • What is it WPSOLR ?
    • The standard WordPress SQL search
    • The WPSOLR search with Elasticsearch, Apache Solr, or Algolia
  • Your configuration journey, step by step
    • Install Apache Solr
    • Hosted Apache Solr and SolrCloud Services
    • Install Elasticsearch
    • Elasticsearch Hosting
    • Configure your indexes
      • Create a Google Retail search index
      • Create a Weaviate index
        • Transformers
        • CLIP
        • HuggingFace
        • OpenAI
        • Cohere
        • Question Answering
        • Hybrid search
      • Generate a test Apache Solr index
      • Generate a test Elasticsearch index
      • Create an Apache Solr index
      • Create a SearchStax SolrCloud index
      • Create an Elastic Elasticsearch index
      • Create an Amazon AWS OpenSearch index
      • Create an Algolia index
      • Create an Elasticsearch index
      • Create an Opensolr Solr index
      • Create a Qbox Elasticsearch index
      • Create an ElasticPress Elasticsearch index
      • Create an Aiven Elasticsearch or OpenSearch index
      • Create a Bonsai Elasticsearch index
      • Create an Amazon AWS Elasticsearch index
      • Create an ObjectRocket Elasticsearch index
      • Create a Cloudways Elasticsearch index
      • Create an Alibaba Cloud Elasticsearch index
      • Create a Compose Elasticsearch index
      • Connect to an Apache Solr index
      • Connect to an Elasticsearch index
    • Add-ons
      • bbPress add-on
      • YITH WooCommerce Ajax Search add-on
      • SEO add-ons
        • Yoast SEO add-on
        • All in One SEO add-on
      • Listable add-on
      • ACF add-on
      • Advanced Scoring add-on
      • Cron Scheduling add-on
      • Theme add-on
        • Filters layouts
          • Radiobox & Checkbox Layout
          • Numeric Range Layout
          • Colour Picker Layout
          • Range Slider Layout
        • Add Ajax to the current Theme
        • Collapse taxonomy hierarchies
        • Custom Facets CSS
      • WPML add-on
      • Premium add-on
        • Manage more than one Elasticsearch or Solr index
      • PDF Embedder add-on
      • Geolocation add-on
      • AI Natural Language APIs add-on
        • Amazon Comprehend
        • Google Natural Language
        • Aylien Text Analysis
        • MeaningCloud
        • Qwam Text Analytics
      • Toolset Types add-on
      • AI Image and OCR APIs add-on
        • Google Vision
        • Amazon Rekognition
      • Embed Any Document add-on
      • MyListing add-on
      • Polylang add-on
      • WooCommerce add-on
      • Cross-domain search add-on
      • Directory+ add-on
      • Toolset Views add-on
      • Listify add-on
      • Jobify add-on
      • Query Monitor add-on
  • Quick start
Login
Support
Privacy policy
  • Terms and Conditions
  • © 2020 wpsolr.com. All Rights Reserved.
Youtube
Roadmap