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

breadcrumbsbreadcrumbs

Configuration

  1. Import the vtex.list app to your theme's peer dependencies in the manifest.json file as in the following example:
  "peerDependencies": {
    "vtex.list": "3.x"
  }
  1. Add the breadcrumbs block to other theme block, such as the flex-layout. For example:
  "flex-layout.row": {
    "children": [
+     "breadcrumbs",
    ]
  }

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

Did this page help you?