Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Add To Cart Button
vtex.list
Version: 3.6.4
Latest version: 3.6.4

The add-to-cart-button-list block displays a button that allows users to add products in the Minicart from a guest page if the quantity purchased has not yet reached the limit.

{"base64":"  ","img":{"width":1298,"height":470,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":77342,"url":"https://user-images.githubusercontent.com/67066494/190247953-58f73d99-008f-432b-8cdf-cb2970e51df0.gif"}}

Configuration

  1. 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
}

  1. Add the add-to-cart-button-list block to other theme block using the product context, such as the product-summary.shelf. For example:

_10
"product-summary.shelf": {
_10
"children": [
_10
"product-summary-image",
_10
"flex-layout.row",
_10
"flex-layout.col",
_10
+ "add-to-cart-button-list",
_10
"gifted-button"
_10
]
_10
}

See also
Vtex.list
VTEX IO Apps
VTEX App Store
VTEX IO Apps