CMS: Conditionals and Transforms

Conditionals and Transforms unlock a whole new level of control over your CMS content in Framer. This walkthrough shows you how to conditionally show and hide elements based on whether data exists, transform text with prefixes and suffixes, and display badges when ratings match specific values. In this demo using a movie review collection, you'll see three practical examples. First, learn how to conditionally display YouTube videos or banner images depending on which data exists in your CMS, eliminating blank frames. Second, discover how to transform static text by adding dynamic prefixes and suffixes to CMS variables, creating contextual titles like "Dune Review" from your movie titles. Finally, see how to show a 5-star badge only for items with perfect ratings using conditional logic. These features let you add logic to your CMS pages without creating extra toggle fields or writing code. Perfect for building more dynamic, data-driven websites that adapt their layout based on available content. Remix the demo project: https://flix.framer.wiki/ 0:00 Introduction to Conditionals and Transforms 0:49 Example 1: Conditional visibility for images and videos 3:48 Example 2: Text transforms with prefixes and suffixes 5:53 Example 3: Conditional badges based on ratings 8:00 Wrap up Topics covered: responsive design, conditional content, CMS transforms 🌞 Start for free: https://framer.link/yt 📚 Learn more at: https://framer.link/yt-academy 💎 Join the Community: https://framer.link/yt-community 🎉 Follow on X: https://framer.link/yt-x