Scrolling images section
The Scrolling images section of Local scrolls a row of images across the page, with optional links.
Applies to: Local 4.2.1 and later. Added in: Local 2.6.0. Last checked: 2026-10-13 against Local 4.2.1.
The Scrolling images section moves a row of images across the page in an endless loop, each with an optional caption and link. Use it for a gallery strip, a row of brand pictures or an Instagram-style band.
Where to find it: Online Store → Themes → Customize → Add section → Scrolling images
Content
- Desktop layout sets how many images fit the width of the page on desktop: 2 to 6 (default 3). The layout adapts on smaller screens.
- Scroll direction sets where the row moves: Left (default; new images enter from the right) or Right.
- Scroll speed sets the speed, 20 to 300 (default 100), in pixels per second on desktop. Phones scroll at two thirds of that speed.
- Pause on mouseover (on by default) stops the row while the mouse is over it.
- Image position lines up images of different heights at the Top (default), Center or Bottom of the row.
- Border radius rounds the image corners, 0 to 200 px (default 0).
- Remove space between images puts the images edge to edge.
- Caption alignment aligns the captions Left (default), Center or Right.
Text color under Section design colors the heading and captions. The other settings are the standard ones, see General section styling.
Image blocks
Add one Image block per image.
- Image is the picture, shown at its own proportions.
- Caption is a short line under the image (bold, italic and links allowed).
- Link makes the image clickable. Open link in a new window opens the link in a new tab.
How do I make the images scroll slower?
Lower Scroll speed, for example to 50, and keep Pause on mouseover on so customers can stop the row to look.
All Scrolling images settings
Every setting, with its type and default.
Accepts these blocks: Image.
Scrolling images section: Heading
Where to find it: Scrolling images → Heading
The Scrolling images section uses the standard Heading settings, listed in General section styling.
Heading (text field).
Subheading (text field).
Text alignment (dropdown, default: Left). Options: Left, Center.
Show section link (checkbox, default: off): Adds a text link next to the section heading. Fill Link text and Link too.
Link text (text field). Shown only when Show section link is on.
Link (link). Shown only when Show section link is on and Link text is set.
Open link in a new window (checkbox, default: off). Shown only when Link is set and Show section link is on and Link text is set.
These settings differ from the standard ones or exist only here:
Heading (text field).
Subheading (text field).
Scrolling images section: Content
Where to find it: Scrolling images → Content
Desktop layout (dropdown, default: 3 columns): Sets how many images fit the page width on desktop. Options: 2 columns, 3 columns, 4 columns, 5 columns, 6 columns.
Scroll direction (dropdown, default: Left): Left moves the row toward the left, so new images enter from the right. Right moves it toward the right. Options: Right, Left.
Scroll speed (slider 20 to 300, step 10, default: 100): Sets the speed in pixels per second on desktop. Screens up to 768 px wide scroll at two thirds of it.
Pause on mouseover (checkbox, default: on): Stops the row while the mouse is over it.
Image position (dropdown, default: Top): Lines up images of different heights at the top, center or bottom of the row. Options: Top, Center, Bottom.
Border radius (slider 0 to 200 px, step 2, default: 0 px).
Remove space between images (checkbox, default: off): Puts the images edge to edge.
Caption alignment (dropdown, default: Left). Options: Left, Center, Right.
Scrolling images section: Section design
Where to find it: Scrolling images → Section design
The Scrolling images section uses the standard Section design settings, listed in General section styling.
Background color (color, default: transparent).
Background gradient (gradient).
Text color (color, default: transparent): Sets the color of the heading and captions.
Descrease top margin (checkbox, default: off): Sets the space above the section to the grid gap of Theme settings → Layout → Horizontal space, instead of the full space between sections. Shown only when Remove top margin is off.
Remove top margin (checkbox, default: off): Removes the space above the section, so it touches the section before it. Shown only when Descrease top margin is off.
These settings differ from the standard ones or exist only here:
Text color (color, default: transparent): Sets the color of the heading and captions.
Scrolling images section: SEO
Where to find it: Scrolling images → SEO
The Scrolling images section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML tag of the heading for search engines. It does not change how the heading looks. Options: H1, H2, H3, H4, span.
Scrolling images section: Visibility
Where to find it: Scrolling images → Visibility
The Scrolling images section uses the standard Visibility settings, listed in General section styling.
Section visibility (dropdown, default: Show always): Shows the section on every screen, only below 768 px (mobile) or only from 768 px (desktop, tablets included). A hidden section is still in the page. Options: Show always, Show only on mobile, Show only on desktop.
Image block
Where to find it: Scrolling images → Add block → Image
Image (image).
Caption (formatted text).
Link (link).
Open link in a new window (checkbox, default: off).