The auth-condition performs validation that the user is logged in to render different layouts.

AuthConditionAuthCondition

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 auth-condition block for conditional validation in a template, like the one from home. For example:
   "store.home": {
    "blocks": [
+     "auth-condition",
    ]
  }
  1. Add the rendering condition you want by passing the blocks via props. For example:
"auth-condition": {
    "props": {
      "Then": "flex-layout.row#home-with-user",
      "Else": "flex-layout.row#home-without-user"
    }
  }

Props

Prop NameTypeDescriptionDefault value
ThenblockName of the block to be rendered if the conditions are met.undefined
ElseblockName of the block to be rendered if the conditions are not met.undefined

Did this page help you?