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
gika
New Member
2 0 0

Hi,

How could you do it so that the name of the collections would appear in the breadcrumbs? I am going crazy and I can't get the collections to appear correctly.

It is also important to say that each product is in several collections at the same time, so which collection should shopify choose? Is there any way to tell him which collection he should take?

Thanks,

0 Likes