Removing breadcrumbs from a page

Solved
Highlighted
Shopify Partner
33 0 4

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' %}
<nav class="breadcrumb" role="navigation" aria-label="breadcrumbs">
<a href="/" title="Home">Home</a>
{% if template contains 'page' %}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ page.title }}</span>
{% elsif template contains 'product' %}
{% if collection.url %}
<span aria-hidden="true">&rsaquo;</span>
{{ collection.title | link_to: collection.url }}
{% endif %}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ product.title }}</span>
{% elsif template contains 'collection' and collection.handle %}
<span aria-hidden="true">&rsaquo;</span>
{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ collection.title }}</span>
{% endif %}
{% elsif template == 'blog' %}
<span aria-hidden="true">&rsaquo;</span>
{% if current_tags %}
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ blog.title }}</span>
{% endif %}
{% elsif template == 'article' %}
<span aria-hidden="true">&rsaquo;</span>
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ article.title }}</span>
{% else %}
<span aria-hidden="true">&rsaquo;</span>
<span>{{ page_title }}</span>
{% endif %}
</nav>
{% endunless %}

 

This is the page I want to get rid of the breadcrumbs on:

Annotation 2019-11-06 101213.png

0 Likes
Highlighted
Shopify Expert
667 170 226

Hi, @NeilD2301 ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.breadcrumb {
    display: none!important;
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Shopify Partner
33 0 4

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

0 Likes
Highlighted
Shopify Expert
667 170 226

This is an accepted solution.

Try this one:

.template-customers-login .breadcrumb {
  display: none!important;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Shopify Partner
33 0 4

Perfect! Worked like a charm, thank you!

1 Like
Highlighted

Hello 



 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
1 0 0

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

0 Likes