Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Breadcrumb
vtex.list
Version: 3.6.4
Latest version: 3.6.4

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

{"base64":"  ","img":{"width":1416,"height":530,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":173377,"url":"https://user-images.githubusercontent.com/67066494/190403886-c7038e52-7926-457e-a7bc-19bb13d52ead.gif"}}

Configuration

  1. Import the vtex.list app to your theme's peer dependencies in the manifest.json file as in the following example:

_10
"peerDependencies": {
_10
"vtex.list": "3.x"
_10
}

  1. Add the breadcrumbs block to other theme block, such as the flex-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
See also
Vtex.list
VTEX IO Apps
VTEX App Store
VTEX IO Apps