Simple Theme Change Number of Rows

[fabshopco]

Hi,  My first post......

On the "Collection Lists" page you are provided a slider to easiley chage the number of images that appear on a row.

However on the "Collection Page" that actually lists all the products in a particular categorie you cannot choose items per row, its 3 by defailt and there is nop slider to easily chang.

Fopr reference im working in  Admin / Online Store / Themes / Customise / Sections

[sarhov · Accepted solution]

It requires some custom edits, just it will be too long in written mode, so just follow my steps in the next video.

[fabshopco]

Sharhov,   you are a legend...  Thank you so much.

If i could be cheeky and ask for help with one last thing.

I was hoping with all my products listed to have a subtle gray border surrownding the image, description and price,  are you able to help.  I have posted a link to another website who has this design.   https://themodernshop.com/collections/lighting/Floor  

[sarhov]

@fabshopco 

Thank you, if my answer solved your problem, please chose it as solution.

And for gray border, I will now check it.

[musz]

Thank you so much! That was easy.

[Megan04]

To Sarhov.

Thank you for your solution to this. It was very helpful.

However, it does not seem to work for the collection on my home page. It is still set to 3 products per row.

It works for any other collection I make.

Can you please assist on how to make it work on the home page of "Simple Theme".

Thanks again,
Kind regards,

Megan.

[RagtagChris]

@sarhov I have the same need as @Megan04 . I have this working on all the individual collections pages, but cannot get it to work on the Homepage. If you are able to help with this, it would be much appreciated!

[sarhov]

@RagtagChris  Do you use simple theme as well ?

[RagtagChris]

@sarhov Yes I do.

[sarhov]

Can't you please share your site url, so we can check it ?

[RagtagChris]

Certainly: 

https://www.gaminggoataustin.com/

[Danielavintage]

Hi @sarhov 

I have the debut theme and when im in the main page I have 3 products per row but when I enter to the collection it changes to 4 products per row.

can you please help me to keep it with 3?

thank you so much,

[prateekladha]

Hi Sarhov,

This solution helped me change the number of columns when the site is opened on a desktop. I was trying to do the same for when the site is opened on a mobile browser but it didn't make a difference, would like to have upto 3 rows for that, hope you can help me out.