Image components can now hold more than one image and display them as a carousel. Shoppers can move between images with tappable dots, and you can optionally have the images rotate automatically.
Multiple images in one component. Previously an Image component showed a single image. Now you can add as many images as you like — each one is its own slide in a carousel. A row of dots appears below the image so shoppers can tap to move between slides.
Auto-rotate. Turn on "Auto rotate" and the carousel cycles through the images on its own. A slider lets you choose how long each image stays on screen, anywhere from 1 to 20 seconds. If a shopper taps a dot, the timer resets so they get a full interval to look at the image they picked.
Separate mobile and desktop images. Each image in the carousel can have its own mobile version, so it looks right on every device. If you don't add a mobile image, the desktop one is used automatically.
Smoother experience. Every image in the carousel loads up front, so switching between slides is instant — no flicker or jumping as images load.
No setup needed for existing components. An Image component with a single image looks and behaves exactly as before; the carousel options only appear once you add a second image.