Gifted Button by vtex

The gifted-button block displays the counter of purchases that have already been made for a product within the list.

{"base64":" ","img":{"width":1712,"height":666,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":118684,"url":"https://user-images.githubusercontent.com/67066494/190457314-0b836637-0eca-43ed-9943-dc75a6252cca.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 gifted-button block to other theme block inside a product context, such as the product-summary.shelf. For example:


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