Image gallery
The Image Gallery section lets you create a beautiful collection of images to showcase your stories, or anything else you'd like to highlight. Here's how to make the most of it:
Click on Image gallery for the general settings
Full Width | Want your gallery to cover the whole page? Turn this on to make it stretch from edge to edge. |
Layout | Carousel: Perfect for creating a slideshow-style gallery where images scroll one by one. Grid: Shows all your images at once in neat rows and columns. |
Number of Columns | you can choose 2 or 3 columns for your images. |
Carousel Animation | If you’re using Carousel, you can make slides change smoothly by turning this on. |
Slide Duration | Set how many seconds a slide stays before moving to the next one. If you want continuous scrolling, set this to 0. |
Section Content Settings |
|
Block Settings (common for every Image block) | These settings allow you to customize how each image in the Image Gallery section is displayed.
|
Appearance | setting is shared across all sections, making it easier to maintain a consistent look and feel throughout your store. For more details on this, check out the [link]. |
Block settings
Add an Image | The first step is to upload or select an image for your gallery block. This is the foundation of your gallery:
|
Add Content to Your Image | After uploading an image, you can enhance it with text and buttons:
|
Overlay Settings | Overlay makes your text more readable on complex or visually crowded images by adding a colored background layer behind the text. Overlay Color: Pick a color to create the overlay (e.g., black, white, or your brand color). Overlay Opacity: Adjust how transparent the overlay is. A higher opacity (e.g., 80%) makes it more solid, while a lower opacity (e.g., 20%) keeps it subtle. |