Gallery Section
Use this section to create a flexible media gallery that can display images, videos, and products in a responsive grid layout.
Supports up to 3 blocks with titles, descriptions, and custom links.
Set up a Gallery section
- Go to Customize theme
- In Theme editor, select the page where you want to add the Gallery
- Select "Add section" → "Gallery"
Section Placement
This section cannot be added to header or footer areas.
Main Settings
| Setting name | Description |
|---|---|
| Media aspect ratio | Choose from Square (1:1), Portrait (4:5), Portrait (2:3), or Landscape (16:9). Default is 1:1 |
| Space between grid items | Set spacing between blocks (0-50px). Default is 2px |
| Remove space on mobile | Disable spacing on mobile devices. Default is false |
| Content position | Position overlay content in 9 different positions. Default is bottom left |
| Content width desktop | Choose from various responsive widths. Default is full width |
| Title/Description size | Multiple size options with desktop-specific variants |
| Section padding | Adjust top and bottom independently (0-100px). Default is 0px |
| Color scheme | Select color scheme to match your design. Default is scheme-1 |
Block Types
1. Image Block
- Upload image
- Set block padding (None to Large)
- Add link URL
- Add title and description
- Toggle alternative text color
2. Video Block
- Upload video file
- Set backup/poster image
- Add link URL
- Set block padding
- Add title and description
- Toggle alternative text color
3. Product Block
- Select product
- Set block padding
- Toggle product information display
- Toggle alternative text color
Best Practices
- Use 1:1 aspect ratio for consistent grid
- Limit to 3 blocks for responsive design
- Add titles for context
- Test video playback on mobile
Block Limit
The section is limited to a maximum of 3 blocks, which will automatically arrange in a responsive grid layout.