Media gallery

A clean media gallery section that showcases images and videos in a structured layout, helping highlight products, categories, or brand visuals in an engaging way.

How to add a Media gallery section to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Media gallery section.

3. Make necessary changes.

4. Save.

How to customize a Media gallery section

Section settings

Layout

Setting	Description
Container	Choose the layout width of the section (full width or fixed width).
Type	Select how media items are displayed (grid or carousel).
Columns	Set the number of columns shown in the grid layout.
Horizontal gap	Adjust the spacing between items horizontally.
Vertical gap	Adjust the spacing between items vertically.

Grid

Carousel

Mobile layout

Setting	Description
Enable swipe on mobile	Allow users to swipe through items on mobile devices.
Custom column width	Enable custom sizing for columns instead of equal widths.
Mobile columns	Choose the number of columns displayed on mobile devices.
Mobile horizontal gap	Adjust spacing between items horizontally on mobile.

Enable swipe on mobile

1 column

2 columns

Check out other section settings: Common settings available in most sections

Block settings

The Media gallery section includes two blocks: a Header block and multiple Gallery item blocks for displaying media content.

Header

Use the Header block to create and customize the section’s heading and introductory content.

Setting	Description
Alignment	Set the header alignment: left, center, or right.
Devices	Switch between desktop and mobile padding settings.
Bottom	Adjust the spacing below the header.

📦 Nested dynamic blocks

• Heading – Add a main title

• Subheading – Provide supporting text above or below the heading

• Text – Include additional descriptions or details

• Image – Display an image or icon

• Button – Add a call-to-action

📝 Learn more: Basic

Gallery item