The gallery.list-items block displays the gallery with the products contained in a list.

Configuration
- Import the
vtex.listapp to your theme's peer dependencies in themanifest.jsonfile as in the following example:
_10 "peerDependencies": {_10 "vtex.list": "3.x"_10 }
- Add the
gallery.list-itemsblock to other theme block inside the list context, such as thestore.list. For example:
_11 "store.list":{_11 "children":{_11 "flex-layout.row"_11 }_11 },_11_11 "flex-layout.row": {_11 "children": [_11+ "gallery.list-items",_11 ]_11 }
Props
| Prop Name | Type | Description | Default value |
|---|---|---|---|
| emptyListIcon | string | Name for the button | - |
| emptyListText | string | Text for empty lists | " Your list is empty \n Add items right now " |
| buttonEmptyList | boolean | If set to true adds a button for adding items at an empty list | true |
| nameButtonEmptyList | string | Name of the button in case the prop buttonEmptyList is true | "Add Items" |
| emptyTextAlignment | string | Align the text of the button (RIGHT / CENTER / LEFT) | CENTER |
| emptyTextPosition | string | Align the position of the text at button (RIGHT / CENTER / LEFT) | CENTER |
| linkButtonEmptyList | string | The redirect link for the button (department / category / collection) | - |
| linkIconButtonEmptyList | string | Link for the icon of an empty list | - |
| limit | number | At a guest context if wants to add a button to create a list and set a maximum limit of lists for creation per user | - |