Jump to content

How to Limit Number of Products on a Product Page

Go to solution Solved by paul2009,

Recommended Posts

Posted

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.  

Product_Page_Question.jpg

Posted

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.

  • Solution
Posted (edited)
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

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original 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 completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 1 year later...
Posted (edited)

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
  • 9 months later...
Posted

Hi there! I was wondering if there was a way to limit the products that get displayed on one page. From a user experience perspective, I don't like the fact that all my products are displayed beneath each other. Is there a way to limit the products per page, with a button to get to the next page? Similar to the images below.

Bildschirmfoto 2024-06-05 um 16.47.56.png

Bildschirmfoto 2024-06-05 um 16.45.46.png

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.