Next and Previous product of Collection

Store Design
,
1

Hello Community,

After a lot of time trying to sort this out, i am finally recurring to the community to see if someone can help me with this issue i just can’t seem to overcome.

I’ve added a next and previous button to the product page so customers can navigate through products without having to leave the product page. Everything works ok with only one minor, that is a major issue. I have my products in collections, when visitors enter the collection they see the products on that collection, but if they click on a product and enter the product page, if they opt to navigate using the buttons next and previous, the next or previous product is not the product inside that category but the next product of the product list.

I’ll leave here the links for the store and for a collection, so you are able to see what i mean:

(This is the main page, which is also a collection with all the products)

Then i have other collections with specific products, for instance:

In the first case, there’s no issue with the next and previous buttons as it has all the products, but on the Trams case, it does. People enter and when navigating through products the Next or Previous one is not the one in the category.

Can someone help me figure out how to allow navigation amongst the collection products?

Thanks in advance community.

2

Hi @boxxi ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Snippets/card-product.liquid

  2. Find “card_product.url”

  3. Add code “| within: collection” after that it ( need update 2 positions). Refer the screenshot below

EBOOST_0-1721027643439.png
EBOOST_0-1721027643439.png1628×767 69.2 KB

3

Thank you so much!

I should have gotten to the community before i burnt millions of neurons!

That sealed the deal.

All the best!