However, I need instructions specific to Craft 2.0.
Given the limit of 24 sections a page for Collection pages in Shopify, I am thinking currently that the solution might be infinite scroll. I stand to be corrected on that!
Right now, I have 24 sections on a collection page, with the space for another section, but instead, the customer must click on the second page to see the remaining lone section (aka product). Here is the end of the first page in the collection:
Don’t add gimmicks that easily become UX anti-patterns.
If customers are having to dig to find relevant products then do the work to provide better organization, navigation, filtering and search for customers.
Is that actually “limit of 24 products” per collection page.
It’s very important to not mix terms or be ambiguous when not providing concrete inspectable examples.
If you are actually using excess “sections” and want to lessen pagination get rid of the extra sections.
Under the hood theme pagination limits for the online sale channel is 50 objects per page.
Good themes set well under this like 24 products per page, paginations limits are there for a reason not something to redline against or degrade performance with a gimmick.
When you say infinite scroll, the product should be rendered when the user scroll. The solution you mentioned are clicking a button to render the next products.
If you are looking for a real infinite scroll, I have written a paid code here. Please check the demo store, password: made4uo
NOTE: Quick view option is not included in the real infinite scroll
Thanks for taking the time to replay Made4Uo and Paul Newton with indepth information. I appreciate your time.
I ended up finding a solution that allowed me to have 25 products (sections) displayed in the product grid that is shown on any given collection page. Here is the solution for those wanting to do the same:
This is important for our store as each collection shows variations in color of the same pattern (for printing on fabrics, wallpaper and other home goods) and customers can now compare all the color variations of a pattern in real time without having to click and go to another page.
I had to make changes in two pages and only certain numbers work (see comments in the above linked-thread that has the solution).
We don’t plan on having any collections that go beyond 28 at the most so this is perfect for us.
You can see now that the pattern variations are all on the same page:
If that’s factor you’ll probably want to look into product comparison apps so customers can more easily shortlist specific patterns out the 28 that aren’t sitting next to each in the grid.
Tangentially also see the order form customization; as a crude workaround where customers add all their choices to the cart then do the compare in the cart.
Great idea, PaulNewton! A product comparison app is likely in our future. It just makes too much sense.
For now, we are linking to our Spoonflower store to close on sales so any comparison of products in the cart would occur there. Spoonflower hosts that shop and we just input our patterns there.
