Breadcrumb
The breadcrumbs
block displays the path to the user's navigation list.

Configuration
- Import the
vtex.list
app to your theme's peer dependencies in themanifest.json
file as in the following example:
_10 "peerDependencies": {_10 "vtex.list": "3.x"_10 }
- Add the
breadcrumbs
block to other theme block, such as theflex-layout
. For example:
_10 "flex-layout.row": {_10 "children": [_10+ "breadcrumbs",_10 ]_10 }
Customization
To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.
CSS Handles |
---|
breadCrumbsContainer |
breadLinkContainer |
biggerThenContainer |
lastRouteContainer |