Product Pagination 7.1

Does anyone know if it's possible to add product pagination onto product detail pages within a 7.1 site?

Hi. You mean Previous/Next. Have you found the solution yet?

23 hours ago, codeandtonic said:

I'm making a plugin for this.

Check the demo video below and Email me if you'd like to try it.

Let me know your thoughts.
-Fenix / codeandtonic

 

 

If you created a plugin or published a guide, please post link, we can follow or purchase it.

If you haven't create anything, you should post when you created it.

This thread asking for the same thing has more info:

It's possible to add the pagination back in 7.1, however it's quite a complex problem. I've written a blog post about this (although it's mostly regarding my Squarespace 7.1 Pagination plugin but has info about why it was taken away and how to solve this yourself.

In a nutshell, you'll of course first see if you're on a product page –otherwise we shouldn't do anything.  You can do this by seeing if url contains /p/ and if there's a product title on the page:

if(  window.location.pathname.includes("/p/") && $(".product-details").length  ) {


}

Then you'll use javascript fetch (it's a function that allows us to fetch information from another place) and the Squarespace website JSON, which has information about your site and store like what products are there, what are their names, their urls etc. Then you'll use jQuery or similar javascript library to insert the next and previous product links to the template.  You can of course customise the style with CSS

Also note, that just like in squarespace 7.0, with these solutions the next/previous product will be from the list of all products. Not necessarily from the same category as the product that's being viewed. However it'd also possible to make the pagination do that by comparing the category names and categoryIDs in the JSON. 

Paid plugin available also...

If you're lazy I've coded a Squarespace 7.1 Pagination plugin. 

I have try on a website. Squarespace 7.0

https://www.seaglass.life/store

Web_Solutions

This thread is for the next / previous PRODUCT links. So when you click on a product, there's a button to go to next product. Your screenshot is the product list pagination, which means going to the next page on the product list. Different thing 🙂

On 4/21/2022 at 2:56 PM, Web_Solutions said:

I have try on a website. Squarespace 7.0

https://www.seaglass.life/store

Hey! I am looking to do something similar to this for my site shop. How did you get the pagination for the overall storefront?