Share List
The share-list
block displays a button to automatically copy the URL to send the list to guests.
Configuration
- Import the
vtex.list
app to your theme's peer dependencies in themanifest.json
file as in the following example:
"peerDependencies": {
"vtex.list": "3.x"
}
- Add the
share-list
block to other theme block inside a list context, such as thestore.list
. For example:
"store.list": {
"children": [
"flex-layout.row
]
},
"flex-layout.row": {
"children": [
"list-info.name",
+ "share-list",
]
}
Customization
To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.
CSS Handles |
---|
shareListContainer |
shareListIcon |
shareListNotification |