Share List

The share-list block displays a button to automatically copy the URL to send the list to guests.

{"base64":" ","img":{"width":1678,"height":508,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":419636,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-list-sharelist-0.gif"}}

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 the share-list block to other theme block inside a list context, such as the store.list. For example:


_12  "store.list": {
_12    "children": [
_12      "flex-layout.row
_12    ]
_12  },
_12
_12  "flex-layout.row": {
_12    "children": [
_12      "list-info.name",
_12+     "share-list",
_12    ]
_12  }

Customization

To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.

CSS Handles
`shareListContainer`
`shareListIcon`
`shareListNotification`