Image Carousel [Zipify Pages]

Learn how to use the "Image Carousel" block to add a customizable image carousel to any location on your pages!

Jeff Maxfield avatar
Written by Jeff Maxfield
Updated over a week ago

Overview

The Image Carousel block can be found in the "Images" category of the page block library or by searching for it:

Once the block has been added to your page, the Image Carousel popup will be shown where you can start adding images from your Image Library:

๐Ÿ“Up to 50 images can be added to the carousel.

To access the Image Carousel settings from the page builder, hover over the block and click the orange "Carousel โœ๏ธ" button:

Adding Images

Click the "Add Images" button to start adding images to the image carousel:

In the "Image Library" popup, select the images you want used in the carousel (up to 50 images) by clicking on each one. Once all desired images are selected, click the "Confirm" button:

Additional images can be added from the "Images" tab in the image carousel block's settings:

The order of the images in the carousel can be rearranged via drag-n-drop or can be deleted by hovering over an image and clicking the ๐Ÿ—‘ icon:

Images added to the carousel can be edited individually by clicking directly on an image from the builder, then using the "Image" settings available in the sidebar:

Setting the Layout for Desktop, Tablet and Mobile

In the "Display" tab of the image carousel block's settings, you can choose the layout you'd like used when the carousel is displayed on different device types:

Desktop

  • Choose between 2/3/4 Column view.

  • Choose a column size between 25% / 33% / 50%. If 2 or 3 columns is selected, 33% / 50% and/or 33% column size options become available respectively.

  • Choose a Slide Show setting to have the images in the carousel cycle through at a pre-set time: None, 2 sec, 5 sec, 10 sec, Custom

Tablet

  • Choose between 2/3/4 Column view.

  • Choose a column size between 25% / 33% / 50%. If 2 or 3 columns is selected, 33% / 50% and/or 33% column size options become available respectively.

Mobile

  • Choose the number of columns: 1 or 2

Did this answer your question?