Add To List Button
The add-to-list-button
block displays a button that allows owners of the list to add products and remove products inside their list.
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
add-to-list-button
block to other theme block using the product context, such as theproduct-summary.shelf
. For example:
"product-summary.shelf": {
"children": [
"product-summary-image",
"flex-layout.row",
"flex-layout.col",
+ "add-to-list-button",
"gifted-button"
]
}
Customization
To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.
CSS Handles |
---|
addToListButtonText |
addToListButtonContainer |