Back to updates
Feature
CMS

Conditional visibility for dynamic site elements

Show or hide dynamic content based on fields in your CMS collection items to highlight or hide items without customizing the display for individual elements.

Conditional visibility for dynamic site elements

<h2>New feature: conditional visibility</h2><p>Now you can show or hide dynamic content based on conditions you define. It works a lot like Dynamic List filters, but for all kinds of site elements, instead of Collection Items and Detail pages. You can find it in the Settings panel.</p><figure class="w-richtext-align-center" style="max-width: 246px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="246px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21b6bdsettings%20panel.png>"></div><figcaption>Choose a field within your collection item that determines the conditions for your custom display.</figcaption></figure><p>This lets you do things like:</p><p>Add a “featured” flag to blog posts:</p><figure class="w-richtext-align-center" style="max-width: 831px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="831px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21b45dfeatured%20blog%20post.png>"></div><figcaption>Only display the "featured" label for posts with the "featured" switch field on.</figcaption></figure><p>Highlight the blog post a person’s currently reading:</p><figure class="w-richtext-align-center" style="max-width: 838px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="838px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21b61dcurrent%20blog%20post.png>"></div><figcaption>Only display a pink border for the post that your users are currently reading.</figcaption></figure><p>Hide parts of your design when there’s nothing to display:</p><figure class="w-richtext-align-center" style="max-width: 832px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="832px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21b60efb%20link%20profile%20hide.png>"></div><figcaption>Don't have a Facebook? Then don't display the link.</figcaption></figure><p>Conditional visibility works across the designer, CMS, and your published sites. For more detailed instructions on how to use this feature, check out our documentation below.</p>


Launched on
December 17, 2015
Category
CMS

Related updates

Faster CMS item creation and undo/redo improvements

Faster CMS item creation and undo/redo improvements

Learn more
Expanded on-canvas editing

Expanded on-canvas editing

Learn more
CMS auto-save

CMS auto-save

Learn more
CMS Collection list updates

CMS Collection list updates

Learn more
Comment directly on dynamic CMS content in Webflow

Comment directly on dynamic CMS content in Webflow

Learn more
Use existing assets for OG images

Use existing assets for OG images

Learn more