Re: Changing number of products per row on Category Page -Instant Search

Hi @rayrutjes

How do I change the number of products per row on a category page on the instant search results page? Right now I have 4 products per row and I would like to reduce it to 3. Is there a setting I can change?

Hi @thomas,

We have everything ready for you to be able to do this but yet you have no easy to do it :confused:

For now you can “hack” the plugin by replacing in the templates/woocommerce-instantsearch.php:

<div id="ais-wrapper" class="alg-hits--2-col-xs
   alg-hits--2-col-sm
   alg-hits--3-col-md
   alg-hits--3-col-lg
   alg-hits--4-col-xl">

with:

<div id="ais-wrapper" class="alg-hits--2-col-xs
   alg-hits--2-col-sm
   alg-hits--3-col-md
   alg-hits--3-col-lg
   alg-hits--3-col-xl">

In the future you will probably have a neater way to do this :wink:

Hi @rayrutjes

Thanks for that. I just tried that http://d.pr/i/RFhS however I am not having any luck?

Would it possibly be the theme overriding it?

In the Avada theme settings I have also set it to 3 - http://d.pr/i/jQT6

Is there anything else I can try?