Auth Condition
The auth-condition
performs validation that the user is logged in to render different layouts.
Configuration
- Import the
vtex.list
app to your theme's peer dependencies in themanifest.json
file as in the following example:
"peerDependencies": {
"vtex.list": "3.x"
}
- Add the
auth-condition
block 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 |