Predicate
Vue-based themes will soon be deprecated. Please switch to React-based themes, as all future updates and support will focus exclusively on React.
Section predicate is a way to configure whether to show a section depending on some conditions. These conditions include screen size, authentication, and route.
A predicate for a section can be configured from the theme editor in the platform panel. Whenever you add a section to your page, you can use the eye icon to configure predicate.
Once you click on the eye icon a pop-up will appear for you to configure it.
Based on how you want to configure your section you can toggle the checkboxes.
Example
Let’s say you have an image banner section that has an image of a coupon that gives a 30% discount to users that are logged in. You use section predicate to handle this and toggle the Anonymous user settings to off so that section does not appear for users that are not logged in.