How can I add a navigation path bar to my website?

[omarkham]

Is there a way to add a path navigation bar like what you would see on Mac finder or Windows files?

Inn my example, I would like to add a part bar for my store that goes something like this Shop>Film Emuation>Photography>Portra 400 Film Emulation Lightroom Preset, where al those actions are clickable and will bring you back.

https://filmisfun.shop/products/portra-400-film-emulation

Would be nice to have it on the top left area under the header

I guess I could add a text box with clickable links, but is there an easier way to do this?

Thanks,

Owen

[theycallmemakka]

Hi @omarkham ,

This seems to be a custom feature request. To add this breadcrumb we will have to do custom coding on the site.

[Huptech-Web]

Hello @omarkham ,

You can create a snippet file “breadcrumb.liquid” and render it in the main content of theme.liquid. See the reference link below and add the code to your snippet file.
https://shopify.github.io/liquid-code-examples/example/breadcrumb-navigation