Jump to content

How to Limit Number of Products on a Product Page

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.banyancanopy.com/collaborations

Hello. Is there a way to limit the number of products on a product page and instead have multiple pages? For example, if I have 200 products on a product page now can I do (or work around) with 50 products per page (total 4 pages), the attached example. 

I know about Lazy Summaries and I do not want to have that. I just want to have Product page to be on multiple pages instead of display all 200 products on a single page. 

Thanks in advance.  


Link to comment

There are no settings within SS to change the pagination break point. Nor any easy CSS or Javascript hacks. SS product pagination is handled on the SS backend which we don't have access to.

Since you've discounted LS, there is no way. Well at least not without using the commerce API and a lot of custom and expensive custom coding, if even possible.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution
On 11/14/2021 at 3:54 AM, amkhin said:

Is there a way to limit the number of products on a product page and instead have multiple pages?

'Paging' through products can be perceived as slow and annoying by users because, especially on mobile devices, browsing through products becomes a combination of scrolling down, stopping, tapping and then waiting for the next set of results to load.

Many users are now used to this 'browsing behaviour' having used Instagram, Pinterest and other social platforms, and they prefer it.

'Paging' used to be a necessary evil because the technology didn't exist to load more results on a single page. However, when Squarespace updated the Commerce features on Squarespace 7.1, they took the decision to use 'infinite scroll' to give users a better user experience. With 'infinite scroll', customers can scroll continuously through up to 200 products without interruption. It is perceived as fast and efficient and can lead to longer periods of user engagement because it is much easier for them to keep scrolling through your product range than to try to tap tiny little numbers or arrows to view more products.

Of course it can be daunting for some users who can feel a little lost, but you can improve this situation by offering easy accessible categorisation, filtering and sorting.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
  • 1 year later...

when the customer looks at my products, there is not page number on the bottom, its an endless page of scrolling. how can i divide the items into multiple pages so the customer does not have to scroll down so much ?

i already have tags and categories but there is still an infinite scroll for each category instead of product pages. i feel this can be overwhelming to the customer. please help

Edited by shopdressherboutique
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.