Framer Update, CMS

Framer Update: CMS Galleries

Framer Update: CMS Galleries

Framer Update: CMS Galleries

Edo

·

1:52

·

32K views

·

About this lesson

We’re excited to introduce the Gallery Field in the Framer CMS. With this update, you can now include multiple images in a single field, removing the need to add a separate field for each image and creating a significantly tidier CMS detail view. After adding a Gallery from the Fields modal, you can drag & drop images in the popout or click to select multiple images from your system. You can also import images via Plugins like Unsplash, Lummi, Visual Electric and many more. Once added, Galleries can be easily inserted into your detail pages from the Insert Panel, under the Fields category. After dropping them on the Canvas, they’ll automatically apply a customizable grid layout, and you can also turn them into reusable components. While we’ll be working to make them compatible with the Slideshow, Carousel and Ticker components in a future update, Galleries are already a game-changer for managing images in the Framer CMS.

https://framer.com/updates/cms-galleries

🌞 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

0:01hi everyone this is Ado from framer I'm0:04super excited to share an update to the0:06CMS that many of you have been waiting0:08for which is a brand new type of field0:10called Gallery you'll find it in the0:12fields model under the plus menu right0:14after image once added you can include0:18multiple images within the same field0:21that means you won't need to add a0:23separate field for each image anymore0:25which results in a much much cleaner0:27detail0:28view calories are are super flexible and0:31offer a few ways to add images you can0:33of course use the image pop out which by0:36the way fully supports plugins like0:38unsplash Lami and more you can drag and0:41drop images directly in it or click to0:43choose a few from your system like I'm0:45doing0:46[Music]0:47now quick tip if you're in a rush you0:49can just drag images directly in the0:51field itself skipping the pop out0:53entirely which makes it even0:55quicker now let me show you how easy it0:59is to bring this guy galleries into your1:01pages in the canvas I'll open the blog1:03detail page head to the insert panel and1:06find the gallery I just added under the1:08fields category I'll drag and drop it1:11into the canvas and you'll notice it out1:14to applies a simple grid layout which of1:16course you can customize as you1:19please now we know you want to use1:21galleries with the slideshow and1:23Carousel components and we're working1:25hard to make sure it's supported in a1:27future update anyway gallery are already1:30a huge upgrade to how you add multiple1:32images in the CMS in framer and we1:35really hope you like them give them a1:37try and let us know what you think see1:39you next time and Happy building
TeachesCMS Fields

Watch on YouTube ↗

More in this topic

Framer Update: Logo Shaders2:05
Framer Update: Logo Shaders
Framer Update12K views · 1 month ago
Framer Update: CMS 3.04:13
Framer Update: CMS 3.0
Framer Update14K views · 1 month ago
Framer Update: Holo Shader1:46
Framer Update: Holo Shader
Framer Update6K views · 2 months ago
Framer Update: Auto Translate3:09
Framer Update: Auto Translate
Framer Update4K views · 2 months ago
Framer Update: Stack Sorting and Bento Grids2:16
Framer Update: Stack Sorting and Bento Grids
Framer Update7K views · 2 months ago
Shader: Chromatic Aberration1:56
Shader: Chromatic Aberration
Framer Update7K views · 2 months ago
Framer Convert5:42
Framer Convert
Framer Update13K views · 3 months ago
Ship websites with enterprise needs, at startup speeds0:33
Ship websites with enterprise needs, at startup speeds
Announcement8.3M views · 3 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.