Dual image slider
The Dual image slider is a vertically-oriented product carousel. As you scroll through slides, the two left-side product images update dynamically for each item, offering a visually engaging showcase.
This is a preset section, which means it can be added, removed, and reordered on any template.
How to Configure the Dual Image Slider
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
In the left sidebar, click Add section, then select Dual Image Slider, or locate it if it’s already added.
Upload the two images to display side by side in the slider.
You can drag and drop this section to reorder it on the page.
Click Save.
Section Settings
Setting
Type
Description
Background
Color
Background color of the section.
Pagination dots
Color
Color of the pagination indicators on the right side of the slider.
Product card
Heading
Label grouping the settings below related to product display.
Image ratio
Select (Adapt, Square, Portrait)
Aspect ratio for product card images.
Color scheme
Color scheme selector
Applies the selected theme colors to this section.
Section Padding
Desktop
Top padding
Range
Space above the section on desktop view.
Desktop
Bottom padding
Range
Space below the section on desktop view.
Mobile
Top padding
Range
Space above the section on mobile view.
Mobile
Bottom padding
Range
Space below the section on mobile view.
Blocks: Product with images
Each block represents a product displayed in the slider.
Setting
Type
Description
Product
Product selector
The product to display.
First image
Image upload
First image shown on the left side of the slider.
Second image
Image upload
Second image shown alongside the first image.