Say hello to CONCEPT!!!

We are beyond excited to announce the arrival of an addition to the RoarTheme family, CONCEPT theme. Check it out! https://themes.shopify.com/themes/concept

Okay
  Print

Custom breadcrumb

Regarding your question, please follow this instruction, you are able to custom a breadcrumb by using Custom liquid

1. Within a product page in Customize panel, click Add section then select Custom liquid:

7425202287.png

2. Drag the Custom liquid to the very first place, make it the first section:

4442446739.png

3. Click on the Custom liquid, in its text field, paste the code below:

<div class="page-width"><h3 class="title"><a class="link link--underline" href="{{ routes.root_url }}">Home</a> / <a class="link link--underline" href="{{ product.collections[0].url }}">{{ product.collections[0].title }}</a> / {{ product.title }}</h3></div>
4764639055.png

You may want to change the paddings to zero to reduce the spacing.

4. A simple breadcrumb should be displayed by now:

6763106238.png

I hope this helpssmile.png