SearchWP Live Ajax Search Results With Thumbnails

Aleksandar Scripts 6 Comments

SearchWP is a great search engine for WordPress, very customizable and precise. This is why we like to use it on larger WordPress or WooCommerce installations.

One of our clients requested to see live results while typing in the search keyword. And he also requested the product thumbnails to be shown next to the search results in the live search.

Enabling the live search is quite easy. You simply need to install and activate the free SearchWP Live Ajax Search plugin. Done.

But adding the thumbnails needs some custom coding which is why we created a new live search results template that we share publicly. Have a look at the following gist. It also contains the instructions how to install the template. Enjoy.

Comments 6

  1. Hello, I am interested to know if it is possible to implement this as a Snippet in the functions.php file? I use the Code Snippets plugin rather than child theme so this would be it easier to implement.

    Let me know what you think?


    1. Post

      I don’t think so. The presented solution overrides a file in SearchWP in order to show the thumbnails.

      But, it’s been a while since I worked on this, so I can’t say for sure that it is not possible. Best is to reach out to the SearchWP developer who’s been very helpful in the past.

      1. Yes you are right, I reached out to SearchWP and they confirm it must be done in the child theme. No matter though as I got it working.

        I was wondering, is there a way to add product categories to the template as well as the products?


        1. Post

          I guess yes, it’s possible to add product categories.

          But I wouldn’t know how from top of my mind. It’s been a while since I worked on this code.

  2. I love the fact that you are willing to help but. I did exactly as instructed and this is not working. I would love to get this functional though.

    1. Post

Leave a Reply

Your email address will not be published. Required fields are marked *