Store Wallet List

The store-wallet-list renders the virtual wallet that contains the user's credit and gift card information.

{"base64":" ","img":{"width":1678,"height":508,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":146790,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-list-storewalletlist-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 store-wallet-list block to other theme block inside an authentication context, such as the flex-layout.col. For example:


_27  "store.home": {
_27    "blocks": ["auth-condition#search-list"],
_27    "parent": { "storeWrapper": "storeWrapper#home" }
_27  },
_27
_27  "auth-condition#search-list": {
_27    "props": {
_27      "Then": "flex-layout.row#home-with-user",
_27      "Else": "flex-layout.row#home-without-user"
_27    }
_27  },
_27
_27  "flex-layout.row#home-with-user": {
_27    "children": ["flex-layout.col#home-with-user-col"],
_27    "props": {
_27      "blockClass": "home-with-user"
_27    }
_27  },
_27
_27  "flex-layout.col#home-with-user-col": {
_27    "children": [
_27      "flex-layout.row#user-list",
_27+     "store-wallet-list",
_27      "flex-layout.row#search-list",
_27      "flex-layout.row#advantages"
_27    ]
_27  }