Looking to remove breadcrumbs on only ONE SHOP page

Site URL: https://www.backyardbeans.com/catalog

Hello Circle Members!

I'm looking to remove breadcrumbs on only one shop collection which is located here www.backyardbeans.com/catalog -- I do not want to remove the breadcrumbs completely or I will lose breadcrumbs that I have set up at www.backyardbeans.com/shop -- is there a way to make sure that shop breadcrumbs can only appear on the /shop and not have them show up at /catalog? 

See my screenshot, I don't want the green text (the breadcrumbs) to show up for this shop at all. I only want it to show up for the one that is /shop...

I'm also using Squarespace 7.0

Thanks!

First, add tag: catalog for these products

Next, add this to Design > Custom CSS

.tag-catalog .ProductItem-nav {
    display: none;
}

Hi @tuanphan

I want to do the same thing, remove breadcrumbs from one shop but not another.

Shop I do want to remove breadcrumbs:

https://www.adamblyth.com.au/2025-calendar/p/style-01-ej5na-xd9rg password: testtest

I tried a modified version of the above code, added the tag 'calendar' to the product in this shop, but breadcrumb is still visible

// Hide breadcrumb nav (have to add tag 'calendar' to product) //
.tag-calendar .ProductItem-nav {
    display: none;
}

Would also be great to remove some of the padding from this red circled section

On 8/12/2024 at 5:47 PM, AdamBlyth said:

Hi @tuanphan

I want to do the same thing, remove breadcrumbs from one shop but not another.

Shop I do want to remove breadcrumbs:

https://www.adamblyth.com.au/2025-calendar/p/style-01-ej5na-xd9rg password: testtest

I tried a modified version of the above code, added the tag 'calendar' to the product in this shop, but breadcrumb is still visible

// Hide breadcrumb nav (have to add tag 'calendar' to product) //
.tag-calendar .ProductItem-nav {
    display: none;
}

 

Would also be great to remove some of the padding from this red circled section

Use this code to Custom CSS box

#item-66add1e19bcab605df904756 {
nav.ProductItem-nav {
    display: none;
}
section.ProductItem-summary {
    align-items: flex-start !important;
}}