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

StoreWalletListStoreWalletList

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

Did this page help you?