Gallery Grid
Add an image gallery to your product pages or articles.
Add an image gallery to your product pages or articles.
Image Gallery
Drag the Gallery Grid block into the desired position on the page.
In the Page Settings panel, add a title.
Gallery Title
📗 TIP
Optionally, you can hide the title by checking the 'Hide Title' box.
Press the + Add Images button.
Feature List
In the Images window, enter an URL or upload an image.
Add Images
📗 TIP
Optionally, you can enter alt text for accessibility.
Press the + Add Image button.
Add Image
Repeat for each new image.
Remove items using the Remove button.
Remove Feature
Press the Close button when finished.
Close
📗 TIP
You can remove a specific image from the Settings Panel, or reorder images in the list.
Edit Gallery
Select the number of image rows (1, 2 or 3), where each row contains three images.
Number of Rows
Select the layout style:
Layout Style
Toggle 'Content Background' on to add a background colour or image.
Toggle 'Card style' on to display the background within a rounded card instead of a full-width section.
Content Background
Choose top and bottom spacing between the element and surrounding elements on mobile or desktop. Select spacing from presets (S, M, L, XL) or use custom settings.
Spacing
Image with Text
Include image blocks with supporting text.
Include image blocks with supporting text.
Image with Text
Drag the Image with Text block into the desired position on the page.
In the Page Settings panel, add a title and description.
Title & Description
Enter an URL or upload an image.
Image
Enable the Reverse direction to swap the positions of the image and text.
Reverse direction
Toggle 'Content Background' on to add a background colour or image.
Toggle 'Card style' on to display the background within a rounded card instead of a full-width section.
Content Background
Choose top and bottom spacing between the element and surrounding elements on mobile or desktop. Select spacing from presets (S, M, L, XL) or use custom settings.
Spacing
Single Image
Add a full-width image to your page.
Add a full-width image to your page.
Single Image
Drag the Single Image block into the desired position on the page.
Enter an image URL or upload an image in the Settings Panel.
Single Image
Crop the image to display only a selected section.
Choose how the image is fitted within the image card:
Contain - scales the image to fit within the card, edges are transparent
Cover - scales the selected section to fill the card
Toggle 'Content Background' on to add a background colour or image.
Toggle 'Card style' on to display the background within a rounded card instead of a full-width section.
Content Background
Choose top and bottom spacing between the element and surrounding elements on mobile or desktop. Select spacing from presets (S, M, L, XL) or use custom settings.
Spacing






















