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:

  "peerDependencies": {
    "vtex.list": "3.x"
  }

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"
    ]
  }