How to change breadcrumbs

Last updated

'Breadcrumbs' is a line displayed usually at the top of your products catalog and showing where you're in the store.

It is possible to change them with the help of CSS codes. You should add the corresponding code to your active CSS theme in your Ecwid Control Panel > Settings > Design. Scroll down to the [Customize the Look of Your Store] section and click the [Create theme] button. Please remember to activate the theme and save the changes after the codes are added.

The "Category:" text

If you want to remove the "Category:" text, apply this CSS code:
 


span.ecwid-productBrowser-categoryPath-categoryLabel {
  display:none;
}


If you want to replace the "Category:" text with any other one, you can do as as described here: How to change texts in my store?

The "Store" link

If you want to remove the first "Store" link which always points to the main root store page, apply this CSS code:


div.ecwid-productBrowser-categoryPath-storeLink, span.ecwid-productBrowser-categoryPath-separator-first {
display:none !important;
}

a.breadcrumbs__link.link:nth-child(1) {
display: none
}

.ec-store .breadcrumbs__delimiter:nth-child(1) {
display: none
}

If you want to replace the "Store:" text with any other one, you can do as as described here: How to change texts in my store?

 

If you want to remove the breadcrumbs completely, refer to this article: How to remove breadcrumbs

Was this article helpful?
2 out of 3 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7