Wrappers
The wrappers are used to call the context Provider for other components and they are made of three blocks owner-list-wrapper
, guest-list-wrapper
and user-lists-wrapper
and each one represents a context, which are owners, guests and users respectively.
Configuration
- Import the
vtex.list
app to your theme's peer dependencies in themanifest.json
file as in the following example:
"peerDependencies": {
"vtex.list": "2.x"
}
- Add a wrapper like the
owner-list-wrapper
block to other theme block, such as thestore.search
. For example:
// .store/blocks/wrappers.jsonc
"searchWrapper#default": {
"props": {
+ "CustomContext": "owner-list-wrapper"
}
}
// .store/blocks/search/search.jsonc
"store.search": {
"parent": {
"searchWrapper": "searchWrapper#default"
},