Documentation
Feedback
Guides

Gift List
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:
  "peerDependencies": {
    "vtex.list": "3.x"
  }
  1. Add the store-wallet-list block to other theme block inside an authentication context, such as the flex-layout.col. For example:
  "store.home": {
    "blocks": ["auth-condition#search-list"],
    "parent": { "storeWrapper": "storeWrapper#home" }
  },

  "auth-condition#search-list": {
    "props": {
      "Then": "flex-layout.row#home-with-user",
      "Else": "flex-layout.row#home-without-user"
    }
  },

  "flex-layout.row#home-with-user": {
    "children": ["flex-layout.col#home-with-user-col"],
    "props": {
      "blockClass": "home-with-user"
    }
  },

  "flex-layout.col#home-with-user-col": {
    "children": [
      "flex-layout.row#user-list",
+     "store-wallet-list",
      "flex-layout.row#search-list",
      "flex-layout.row#advantages"
    ]
  }
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