View
 

How to alter your breadcrumbs

Page history last edited by Eugene 1 year, 4 months ago


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, edit the "CategoryPathPanel.category" language label.

 

 

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;
}

 

If you want to replace the "Store:" text with any other one, edit the "CategoryPathPanel.store" language label.

 

 

A breadcrumbs separator

If you want to replace a breadcrumb separator (">") with a custom one, you should alter the "CategoryPathPanel.separator" label.

For example, if you want to replace it with an arrow("→"), add this JS code before any Ecwid code:

 

<script>
ecwidMessages = {
"CategoryPathPanel.separator":"&nbsp;&rarr;&nbsp;"
}
</script>

 

 

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