The add-new-item block displays a button to direct the list owner to the search page for adding new items to their list.



  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-new-item block to other theme block, such as the responsive-layout.desktop. For example:
  "responsive-layout.desktop": {
    "children": [
+     "add-new-item",


Prop NameTypeDescriptionDefault value
linkIconstringIcon for the button
linkRedirectionstringPath where the user will be redirected on click.(department / category / collection)-
nameButtonstringText at the buttonAdd items
textAlignmentstringText alignment on the button (LEFT / CENTER / RIGHT)CENTER
textPositionstringText position on the button (LEFT / CENTER / RIGHT)CENTER
classesstringAdd new classes-

Did this page help you?