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.

<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>