Go Back To List

The go-back-to-list block allows the user to return to the list.

{"base64":" ","img":{"width":1712,"height":666,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":275225,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-list-gobacktolist-0.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 go-back-to-list block to other theme block inside a search context, such as the store.search. For example:


_13  "search-result-layout.desktop":{
_13    "children": [
_13      flex-layout.row
_13    ]
_13  },
_13
_13  "flex-layout.row": {
_13    "children": [
_13      "flex-layout.col#searchinfo",
_13      "flex-layout.col#search-product",
_13+     "go-back-to-list",
_13    ]
_13  }