List Items Order By

The list-items-orderby block allows the user order by the items of an list. The options for order is alphabetically or addition date.

{"base64":" ","img":{"width":848,"height":316,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":226168,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-gift-list-listitemsorderby-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 list-items-orderby block to other theme block inside a list context, such as the store.list or store.guest. For example:


_11  "store.list":{
_11    "children": [
_11      flex-layout.col
_11    ]
_11  },
_11
_11  "flex-layout.col": {
_11    "children": [
_11+     "list-items-orderby"
_11    ],
_11  }