Skip to main content

Gallery Section

This guide describes setting up the Gallery section.

Use this section to create a flexible media gallery that can display images, videos, and products in a responsive grid layout with up to 3 blocks. Each block can include titles, descriptions, and custom links.

For general guidance with modifying sections, refer to [Sections overview], and [Shopify help: Sections and blocks].

To set up a Gallery section:

  1. Go to Customize theme
  2. In Theme editor, select the page where you want to add the Gallery
  3. Select "Add section" > "Gallery"

Note: This section cannot be added to header or footer areas.

Main Settings​

Setting nameDescription
Media aspect ratioChoose from Square (1:1), Portrait (4:5), Portrait (2:3), or Landscape (16:9). Default is 1:1
Space between grid itemsSet spacing between blocks (0-50px). Default is 2px
Remove space on mobileDisable spacing on mobile devices. Default is false
Content positionPosition overlay content in 9 different positions. Default is bottom left
Content width desktopChoose from various responsive widths. Default is full width
Title/Description sizeMultiple size options with desktop-specific variants
Section paddingAdjust top and bottom independently (0-100px). Default is 0px
Color schemeSelect color scheme to match your design. Default is scheme-1

Block Types​

The section supports three types of blocks:

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

Note: The section is limited to a maximum of 3 blocks, which will automatically arrange in a responsive grid layout.