List Items Order By by vtex

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://user-images.githubusercontent.com/80836180/192349870-4b8f2caf-6c65-49e9-aeca-0e5da01ce907.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  }