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
  1. Content Alignment
    • Decide if your text is aligned left, center, or right.
  2. Subheading, Heading & Content
    • Add titles and descriptions to introduce your gallery. You can also format the content with bold text, links, and more.
Block Settings (common for every Image block)

These settings allow you to customize how each image in the Image Gallery section is displayed.

  1. Image Ratio
    • Choose how your images are cropped. Square (1:1) is a common choice, but pick what works for your style.
  2. Content Alignment
    • Align the text in each block to the left, center, or right.
  3. Content Position
    • Place your text at the top, middle, or bottom of each image.
  4. Column Spacing
    • Adjust the spacing between images. Choose small for a tight look or wide for more breathing room.
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:

  • Upload an Image: Choose an image from your device or browse free images available in the library.
  • Recommended Size: For best results, use high-quality images with a resolution of 12000 x 12000 px.
Add Content to Your Image

After uploading an image, you can enhance it with text and buttons:


  1. Subheading: Add a short, eye-catching phrase above your heading to grab attention.
  2. Heading: Include a bold title to describe the image or promote a product.
  3. Content: Add more details or a message below the heading. You can format the text (bold, italic, links) to make it stand out.
  4. Button: Create a clickable button that links to a product, collection, or any page. Perfect for driving action!

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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us