Create Back Button

Store Design

Topic summary

Goal: Add a “Back to Collection” button in the Kairo theme that matches the theme’s Dosis font/style, returns to the specific collection page (not “All products”), and ideally restores the user’s scroll position to where the product was.

Proposed approach: Use breadcrumbs (a navigation trail that links back to higher-level pages like the collection) to navigate back to the collection page. Limitation noted: breadcrumbs will return to the top of the collection page, not the exact scroll position of the product.

Implementation guidance: Check the product page settings in the theme customizer for an option to enable/show breadcrumbs. If the option is not available, breadcrumbs must be added via code by editing the product template and inserting breadcrumb code.

Status: No exact setting location or code provided yet. The request to preserve scroll position remains unresolved. User seeks step-by-step directions on where to find the breadcrumbs setting.

Summarized with AI on December 23. AI used: gpt-5.
1

Hi

I’m using the Kairo theme. I’m trying to create a “Back to Collection” button that uses the same font (Dosis regular) and style as my theme and can be used when viewing a single product to get back to the main product page or collection page, (depending where you are when this is clicked). Can this also take you back to the same point on the page that the item is and not just back to the top again. If there are lots of products, I don’t want to have to scroll back down to where I was when I clicked (I hope that makes sense).

If viewing a collection, I want it to go back to the collection page and not the all products page

Thank you

2

@HYBRID - it can go back to collection page if you use breadcrumbs, but it will be top of the page and not to the point of product on collection page.

3

Thanks

So is there a way of having a back button that returns you to the previous page you were on i.e collection or products depending where you were?

If I understand, you’re saying you can go back but only to the top of the page and not to the part of the page that has the item on you just viewed?

4

@HYBRID yes using breadcrumbs you can go to collection page from where you clicked the product

5

Could you tell me how to do this please. I have no idea what breadcrumbs are other than actual pieces of bread lol

6

@HYBRID please open your product page in customize settings and check if you have an option to show breadcrumbs else will need to be added externally using the coding. You will need to edit product template code to add this breadcrumbs code to it

7

Could you tell me exactly where to find this setting please?