Documentation
Feedback
Guides

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

  1. 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
}

  1. 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
}

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page