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

Configuration
- Import the
vtex.listapp to your theme's peer dependencies in themanifest.jsonfile as in the following example:
"peerDependencies": {
"vtex.list": "3.x"
}
- Add the
auth-conditionblock for conditional validation in a template, like the one from home. For example:
"store.home": {
"blocks": [
+ "auth-condition",
]
}
- 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 Name | Type | Description | Default value |
|---|---|---|---|
| Then | block | Name of the block to be rendered if the conditions are met. | undefined |
| Else | block | Name of the block to be rendered if the conditions are not met. | undefined |