Turn Your Homepage Into a Visual Showcase
Highlight featured collections, products, campaigns, or categories with visuals that give visitors a reason to explore more of your store.
Create a flexible image gallery with different tile layouts, text, hover effects, and links. Use it to showcase products, collections, categories, or other visual content.
2.0 Compatible
Flexible Image Grid
Responsive Design 
Build a visual gallery with flexible layouts, custom text, links, hover effects, colors, and responsive controls, all without editing code.
Arrange images in different tile layouts to create a more dynamic gallery.
Choose from 4/2, 2/1, and 1/1 tile layouts.
Add a heading and rich-text content to each gallery item.
Link each image to a product, collection, page, or other destination.
Reveal additional content when visitors hover over a gallery item.
Choose how the gallery text is aligned within each tile.
Adjust section, text, hover, and tile colors to match your store.
The gallery adapts to a two-column layout on mobile screens.
Control your gallery layout, content, spacing, and styling from one place.
Applies to the whole section
Main heading displayed above the gallery.
HeadingSupporting text displayed below the heading.
ContentChoose the alignment of the section text.
Text AlignmentChoose how text appears on gallery images.
Image Text AlignmentSet the space between gallery tiles.
Space Between TilesAdjust the roundness of image corners.
Border RadiusSet the main heading font size.
Heading Font SizeSet the section content font size.
Content Font SizeSet the tile heading font size.
Tile Heading Font SizeSet the tile content font size.
Tile Content Font SizeSet the section background color.
Background ColorSet the section heading color.
Heading ColorSet the section content color.
Content ColorSet the hover background color for tiles.
Hover Background ColorSet the top spacing on the desktop.
Desktop Padding TopSet the bottom spacing on the desktop.
Desktop Padding BottomSet the top spacing on mobile.
Mobile Padding TopSet the bottom spacing on mobile.
Mobile Padding BottomMake the gallery span the available width.
Full WidthSet the maximum width of the section.
Section Width
Applies to each image
Image displayed in the gallery tile.
ImageChoose the tile layout for the image.
LayoutTitle displayed on the image.
HeadingSupporting text shown with the image.
ContentPage or destination linked to the image.
LinkSet the text color for the individual tile.
Content ColorUse the Image Gallery to highlight products, collections, campaigns, or brand visuals wherever you want a more engaging way to present content.
Highlight featured collections, products, campaigns, or categories with visuals that give visitors a reason to explore more of your store.
Highlight featured collectionsShowcase important productsSupport brand storytellingPromote seasonal campaignsMake categories easier to findShow related categories, products, or collections with clickable tiles that help shoppers find more of what your store offers.
Highlight related categoriesSupport product discoveryShowcase complementary collectionsAdd visual interestEncourage deeper browsingUse gallery tiles for lifestyle images, related products, product details, or supporting visuals with links to relevant pages.
Showcase products visuallyAdd useful product contextHighlight related productsSupport product discoveryGuide shoppers to relevant pagesCombine large feature images, supporting tiles, text, and links to create a visual campaign section that guides visitors toward important pages.
Create a stronger visual experienceHighlight campaign contentSupport promotional storytellingGuide visitors to key pagesEncourage actionCombine flexible image layouts, supporting text, and clickable links to showcase important visuals while keeping the browsing experience simple and engaging.
Use images, text, links, hover content, and layout controls to build a gallery that highlights products, collections, campaigns, or brand visuals.
Create dynamic image layoutsHighlight featured visualsAdd links to individual imagesShowcase products and collectionsAdd text to gallery tilesUse hover content for extra detailsCustomize gallery stylingKeep the layout responsive
Use high-quality, relevant images
Keep image styles consistent
Use larger tiles for key visuals
Keep text short
Link images to relevant pages
Create a clear visual hierarchy 
Mix unrelated images
Use blurry images
Add too much text
Use unrelated links
Mix too many visual styles
Overcrowd the gallery Yes. Add multiple image blocks, each with its own image, layout, heading, content, link, and text color.
You can choose from 4/2, 2/1, and 1/1 layouts for individual gallery items.
Yes. Each gallery item can link to a product, collection, page, or other destination.
Yes. Additional tile content can appear when visitors hover over a gallery item.
Yes. You can adjust the background, heading, content, hover, and tile colors.
Yes. The gallery adapts to a two-column layout on mobile and includes separate mobile spacing controls.
Yes. Use the Space Between Tiles setting to control the gap between gallery items.
Yes. Enable Full Width or set a custom maximum section width from the theme editor.
For Support or any Questions Email Us: [email protected]
Install SectionHub and add the Image Gallery section to your theme in minutes - no coding required.
