Documentation
Feedback
Guides

Gift List
Add To Cart Button

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://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-list-listaddtocartbutton-0.gif"}}

Configuration

  1. Import the vtex.list app to your theme's peer dependencies in the manifest.json file as in the following example:
  "peerDependencies": {
    "vtex.list": "3.x"
  }
  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:
  "product-summary.shelf": {
    "children": [
      "product-summary-image",
      "flex-layout.row",
      "flex-layout.col",
+     "add-to-cart-button-list",
      "gifted-button"
    ]
  }
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page