Skip to content
GloboGlobo Docs
Install app
English

Image slider

Show several images in a carousel, each with its own caption and link.

Reference Growth Navigation · Pro Navigation 2 min read

Several slides in a carousel with arrows, each with its own image, title, description and link. Use it to feature several collections, brands or campaigns in the space of one block.

Add the block

  1. Pick the layout

    In the mega menu panel of the preview, click Add block. Click Add custom image, hover over Image slider and click Select.

    (1) Click Add custom image, (3) pick Image slider. The layouts at (2) add a single image.

  2. Set up the slider

    In Edit Item, set the Title (the heading above the carousel), its Link, the Width, Item(s) per row and Image ratio.

  3. Fill in the slides

    The slider starts with 3 slides. For each one, click Select image and fill in the Title, Link and Description. Click Add slide to add one, or Remove to delete one.

  4. Save and publish

    Click Save, then Publish.

Settings

Slider

TitleDefault: Image slider
Heading shown above the slider. Leave it empty to hide the heading.
LinkDefault: None
Makes the heading clickable.
WidthDefault: 75%
How much of the mega menu row the block takes: Auto or 8.33% to 100%.
Item(s) per rowDefault: 3
How many slides are visible at once: 1, 2, 3, 4 or 6.
Image ratioDefault: Auto
Crops all slide images to the same shape: Auto (original shape), 1:1, 4:3, 3:4, 16:9 or 9:16.
VisibilityDefault: Off
Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. See Settings every block has.

Each slide

ImageDefault: None
The slide picture.
Title / DescriptionDefault: None
The caption of the slide.
LinkDefault: None
Where the slide goes when clicked.

Tips

  • Images of different shapes make the slides look uneven. Pick an Image ratio such as 1:1 or 4:3 to line them up.
  • Click a slide in the preview to jump to its settings.
  • Autoplay and looping apply to all carousels in the menu. Turn them on in Settings > Carousel > Auto play and Infinity loop.

Was this helpful?

Report an issue