Image Slider

A carousel of images with captions and links.

An Image slider block shows several images in a carousel with arrows to move between them. Each slide has its own image, title, description and link. Use it to feature several collections, brands or campaigns in the space of one block.

Image slider is available on the Growth Navigation and Pro Navigation plans.

Add an Image Slider

1

Open the Select block panel

In the mega menu panel of the preview, click + Add block.

2

Pick the Image slider layout

1. Click Add custom image on the right (1 in the screenshot).

2. Hover over Image slider, the bottom layout (3 in the screenshot), and click Select. Layouts 2 (Image 1 and Image 2) add a single image instead — see Image.

1. Click Add custom image · 3. Pick Image slider (2 = single-image layouts)

3

Set up the slider

In Edit Item, set the block Title (the heading above the carousel, such as "Featured collections"), its Link, Width, Item(s) per row and Image ratio.

4

Add and fill the slides

Click Add slide to add a slide. For each slide, choose the Image and fill in the Title, Link and Description. Click Remove to delete a slide. You can also click a slide in the preview to jump to its settings.

5

Save and publish

Click Save, then Publish.

⚙️ Settings

Setting	What it does
Title	Heading shown above the slider. Leave it empty to hide the heading.
Link	Makes the heading clickable.
Width	How much of the mega menu row the block takes (Auto or 8.33%–100%).
Item(s) per row	How many slides are visible at once: 1, 2, 3, 4 or 6. Default: 3.
Image ratio	Crops all slide images to the same shape: Auto (original shape), 1:1, 4:3, 3:4, 16:9 or 9:16.
Slide > Image, Title, Link, Description	The picture, caption and destination of each slide.
Visibility	Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing.

Autoplay and looping apply to all carousels in the menu (image sliders and product carousels). Turn them on in Settings > Carousel > Auto play and Infinity loop.

If your images have different shapes, the slides look uneven. Pick an Image ratio such as 1:1 or 4:3 to make them line up.

---

Related Articles

ImageBlocks OverviewMenu Settings

---

💬 Need help?

Email us at 📧 [e-mail] - we’re happy to assist!