How to add breadcrumbs? Shopify Debut theme

Solved

I found this bit of code that worked beautifully for me. I also have Debut theme.

The only thing I added was: 

margin-left: 130px;
margin-bottom: 15px;

I put it within in that first paragrah of code:

<style>
.breadcrumbs {
margin: 0 0 2em;
margin-left: 130px;
margin-bottom: 15px;
}

Hope this helps!

Brittany Witt
0 Likes
AtrangiStudio
Excursionist
27 1 2

Hey, thank you! However, did not quite understand the last three lines.
Could you please explain again?

0 Likes
AtrangiStudio
Excursionist
27 1 2

Hi, I want to add breadcrumbs to my website http://atrangistudio.com/
Format - Home / Collections / Product

Earlier I was using the below code which was in the format Home / Product Type / Product

<nav aria-label="Home" class="breadcrumb">
<a class="Breadcrumbs" href="{{ routes.root_url }}">Home </a> /
<a class="Breadcrumbs" href="/collections/{{ product.type | handleize}}"> {{ product.type }} </a> /
<span class="breadcrumb__link" aria-current="page" style="font-weight:bold;"> {{ product.title}}</span
</nav>

I want to use 'Collections' instead of 'Product Type. Kindly request you to please suggest the necessary change required in the code.

0 Likes