Breadcrumb navigation in BROOKLYN theme

Solved
Highlighted
Excursionist
22 0 5

Hi all, 

I wish to include bread crumb navigation in brooklyn theme. 

After following this tutuorial: (copying snippet and adding code to theme.liquid), I tried to place it at different places on theme.liquid but that didn't change anything....

https://help.shopify.com/themes/customization/navigation/add-breadcrumbs

Please help me.

Highlighted
Shopify Partner
3207 705 851

This is an accepted solution.

Hey @aurave,

Put your breadcrumb here in layout/theme. liquid file.

put-breadcrumb-here.jpg

 

I hope this works for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Excursionist
22 0 5

Thanks it has worked !!

But the breadcrumb navigation appears on the COLLECTION page also. Ideally it should not be visible on that page since it the first level of navigation.

  • Can we restrict this navigation to ONLY the PRODUCT DETAIL PAGE ?
  • How to change the font color when we hover the navigation path ?

Your help will be really appreciated.

 

0 Likes
Highlighted
Shopify Partner
3207 705 851

HI @aurave 

{% unless request.page_type == "index" %}

Repalce this new code

{% unless request.page_type == "product" %}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 5

Unfortunately, the solution to replace the code has not worked.

Below is the screenshot of code snippet of theme.liquid file.

snippet.JPG

0 Likes
Highlighted
Shopify Partner
3207 705 851

Hey @aurave,

Did you create breadcrumbs. liquid file in the snippets folder?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 5

yes....if we had not created breadcrumbs.liquid in the snippets folder, it would not have been visible on product detail page.

 

 

0 Likes
Highlighted
Shopify Partner
3207 705 851

Hey @aurave,

Is breadcrumb showing on the product detail page?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
22 0 5

Our query was - We want breadcrumb navigation restricted only on PRODUCT DETAIL PAGES and not on COLLECTION PAGES.

However, after your suggested changes, this navigation is visible on both collection as well as product pages.

Can this be done ?

 

 

 

 

 

0 Likes
Highlighted
Shopify Partner
3207 705 851

Hey @aurave,

I got that you need breadcrumb only on the product detail page and want to change the font also.

Can you try this on the theme. liquid file. Replace breadcrumb code with this one.

{% if request.page_type == "product" %}
<p>{% render 'breadcrumbs' %}</p>
{% endif %}

Let me know if this works.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan