How can I fix the product collection list display error?

My collection currently has 24 listed on each page but has 5 columns. So it leaves me with a blank box where item 25 would go. I have tried to change the settings but have not had any luck. When I change the 24 to 25 it creates an error.

  • Invalid schema: setting with id=“products_per_page” step must evenly divide the range

When I change the max to 25, this is the error message I receive.

Can anybody prevent my OCD from causing a melt down :smiley:

1 Like

@Dungeon53

oh sorry for that issue can you please share store url and this section code so i will check and let you know

This is an advanced customization, but basically wherever in the schema code/file you are changing the max site should be other numbers related to the range and the step increments taken, etc.

https://shopify.dev/themes/architecture/settings/input-settings#range

Realistically stuff like this is just bad excuse of wasting of your time as a business owner.

What are you gonna do when a collection has 26 products and the 2nd page only has 1 product with tons of whitespace.

Customers can understand pagination and generally don’t care about “space” at the end of a list because the list has ended so there is nothing to care about.

Most of my categories are 25+. But I just found an error code when I was playing with my coding that said max allowed is 24. So that fixes that. I just changed it to 20 instead of 24 per page