Wrappers by vtex

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 the manifest.json file as in the following example:


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

Add a wrapper like the owner-list-wrapper block to other theme block, such as the store.search. For example:


_13// .store/blocks/wrappers.jsonc
_13
_13  "searchWrapper#default": {
_13    "props": {
_13+      "CustomContext": "owner-list-wrapper"
_13    }
_13  }
_13
_13// .store/blocks/search/search.jsonc
_13  "store.search": {
_13    "parent": {
_13      "searchWrapper": "searchWrapper#default"
_13    },