I’m building a CMS heavy site where we have 12 categories of products and each category has its own hero background video and a bunch of unique hero sections with CTAs.
I want to achieve this by:
- Adding a category tag as a CMS field
- Making every possible hero header and hero section on one template page
- Filtering them with the Conditional Visibility option based on the category of the page
i.e. only show the “Hire a photographer” CTA Hero when the CMS category is set to “Photography” and hide all other CTA Heros
Now my question is this: when we set up a conditional visibility rule for say a DIV in our template page, is that DIV simply set to Display:None or is the HTML not being rendered entirely?
The problem lies with performance. Would my site visitors have to load every possible hero header and hero section on every page visit or am I telling Webflow CMS to not include that section in the DOM at all?
Hope I’m being clear - and thank you in advance for your help!