Hi everyone I’ve added breadcrumbs to my Venture Theme dev site, but want to remove them from a particular page, and I’m having trouble tweaking the code:
https://protect-highways-england.myshopify.com/
password: mowttu
Here’s my code:
{% unless template == ‘index’ or template == ‘cart’ or template == ‘list-collections’ or template == ‘account’ %}
Home
{% if template contains 'page' %}
›
{{ page.title }}
{% elsif template contains 'product' %}
{% if collection.url %}
›
{{ collection.title | link_to: collection.url }}
{% endif %}
›
{{ product.title }}
{% elsif template contains 'collection' and collection.handle %}
›
{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}
›
{{ current_tags | join: " + " }}
{% else %}
{{ collection.title }}
{% endif %}
{% elsif template == 'blog' %}
›
{% if current_tags %}
{{ blog.title | link_to: blog.url }}
›
{{ current_tags | join: " + " }}
{% else %}
{{ blog.title }}
{% endif %}
{% elsif template == 'article' %}
›
{{ blog.title | link_to: blog.url }}
›
{{ article.title }}
{% else %}
›
{{ page_title }}
{% endif %}
{% endunless %}
This is the page I want to get rid of the breadcrumbs on:
OTM
November 6, 2019, 10:35am
2
Hi, @NeilD2301 ,
This is Evita from On The Map.
Go to Online Store->Theme->Edit code
Asset->theme.scss->paste bellow code in bottom of file
.breadcrumb {
display: none!important;
}
Best,
2 Likes
Hi Evita,
That’s great but it removes breadcrumb navigation from the whole site, which is not what I want. I only need it removed from the page attached in the screengrab above.
Best,
Neil
OTM
November 6, 2019, 10:41am
4
Try this one:
.template-customers-login .breadcrumb {
display: none!important;
}
1 Like
Perfect! Worked like a charm, thank you!
1 Like
Hi there
I too would like to know how to remove the breadcrumb navigation from a new page template I created.
I’ve scrolled through numerous threads but I can’t seem to get any of the solutions to work for me, any help would be appreciated.
The page is called page.brandedpage.liquid (to confirm I want to keep breadcrumbs on the Categories and Product pages)
Thanks
I am trying to remove all breadcrumb heading/subheadings from the Simple theme. I have removed the breadcrumb menu but can’t find a way to get rid of the headings.
Thanks,
I signed in and went through that silly “not a robot” authentication just to say THANK YOU SO MUCH for that! I’ve been struggling to delete that for days. LOL
CarmelR
February 20, 2022, 8:56pm
10
I have followed these instructions but the breadcrumbs remain. I added the code to theme.scss.liquid - any other ideas?
@CarmelR ,
Please share your url with requirement.
I will help to achieve your task.
CarmelR
February 21, 2022, 8:44pm
12
@CarmelR ,
on which page the breadcrumb is appearing?
CarmelR
February 22, 2022, 8:01pm
14
@CarmelR ,
ul.breadcrumbs.colored-links {
display: none;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
CarmelR
February 24, 2022, 3:26am
16
It worked! Thanks heaps, the other solutions didn’t work for me.
Best
Carmel
@CarmelR ,
Okay! let me know other issue>?
Or if my solution will help you then give a like and accept it .
Thanks
1 Like
Where is that code supposed to be added?
@OTM I try to use your provided solution and to remove the breadcrumbs from this page of our website: https://mascullino.com/pages/brysnarnica-mascullino .
I found the template page.barbershop.json and I tried to add the code snippets shared below but always get the following error:
Invalid JSON: unexpected character (after ) at line 174, column 2:
Can you please help me solve this issue?
.breadcrumb {
display: none!important;
}
or this one:
.template-page.barbershop .breadcrumb {
display: none!important;
Thanks,
