The modal-select-product block displays a modal with detailed information (such as size and color) about the product the costumer wants to add to the lists they own.

chrome-capture-2022-8-15 (2)chrome-capture-2022-8-15 (2)

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 modal-select-product block to other theme block, such as the responsive-layout.desktop. For example:
  "responsive-layout.desktop": {
    "children": [
+     "modal-select-product",
    ]
  }

Customization

Prop NameTypeDescriptionDefault Value
nameButtonstringChanges the name of the button that opens the modal"Button name"

Did this page help you?