Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Overview

Basic components












Gift List
Breadcrumb

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://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-list-breadcrumbs-0.gif"}}

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
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Share List
Gifted Button
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page