Scrolling images section
The Scrolling images section shows images that scroll sideways in Highlight, in 2 to 6 columns, with captions and links.
Applies to: Highlight 4.1.0 and later. Added in: Highlight 3.0.0. Last checked: 2026-10-13 against Highlight 4.1.0.
The Scrolling images section shows a row of images that scrolls sideways by itself, in a loop, with optional captions and links. You choose the speed, the direction and how many images fit on a desktop screen. Added in Highlight 3.0.0.
Where to find it: Online Store → Themes → Customize → Add section → Scrolling images (Media & galleries category).
Scrolling
- Scroll direction moves the images to the Left (the default) or to the Right.
- Scroll speed sets how fast they move, 20 to 300. Default: 100. A higher number is faster; on screens up to 768 px wide the speed is a third slower.
- Pause on mouseover stops the row while a customer's pointer is over it. Default: on.
Layout
- Desktop layout sets how many images fit on the screen at once on desktop: 2 to 6 columns. Default: 3. The layout adapts to tablets and phones: 4, 5 and 6 columns become 3 on screens up to 835 px wide.
- Image alignment lines up images of different heights at their Top (the default), Center or Bottom.
- Text alignment aligns the captions left, center or right.
- Heading shows a small title above the row. Default: "Scrolling images".
- Heading tag sets the HTML level of the heading for search engines.
Blocks
Scrolling item
Each Scrolling item is one image. The section starts with one; add as many as you need.
- Image picks the picture. It keeps its own proportions.
- Caption shows a short line under the image.
- Link makes the image a link.
- Open link in a new window opens it in a new browser tab.
Why do the images repeat?
The row loops. Highlight repeats your images as often as needed to fill the screen, so a row with only a few images shows them several times side by side. Add more images, or choose more columns in Desktop layout, for a longer row.
All Scrolling images settings
Every setting, with its type and default.
Accepts these blocks: Scrolling item.
Heading (text field, default: "Scrolling images").
Scroll direction (dropdown, default: Left): Sets the direction in which the images move. Options: Right, Left.
Scroll speed (slider 20 to 300, step 10, default: 100): Sets the scrolling speed. A higher number is faster; on screens up to 768 px wide it is a third slower.
Pause on mouseover (checkbox, default: on): Stops the row while the pointer is over it.
Image alignment (dropdown, default: Top): Lines up images of different heights at their top, center or bottom. Options: Top, Center, Bottom.
Text alignment (dropdown, default: Left): Aligns the captions under the images. Options: Left, Center, Right.
Desktop layout (dropdown, default: 3 columns): Sets how many images fit on the screen at once on desktop. 4, 5 and 6 columns become 3 on screens up to 835 px wide. Options: 2 columns, 3 columns, 4 columns, 5 columns, 6 columns.
Scrolling images section: SEO
Where to find it: Scrolling images → SEO
Heading tag (dropdown, default: H2): Specify heading level to help search engines index the structure of your page. Options: H1, H2, H3, H4, span.
Scrolling item block
Where to find it: Scrolling images → Add block → Scrolling item
Image (image): Sets the picture, shown at its own proportions.
Caption (formatted text): Sets a short line shown under the image.
Link (link): Makes the image a link.
Open link in a new window (checkbox, default: off): Opens the image's link in a new browser tab.
Related pages
- Scrolling text section: text that scrolls the same way.
- Images with text slider section: images that customers drag.
- Sections: every section you can add.