Gallery
Theme section
The Gallery section displays a carousel of images and captions in an Instagram feed-like way. It's great for curating your actual social media posts while having total control over how they're presented.
Set up section
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or use metafields and dynamic sources.
Add gallery items
Add as many Gallery items as you like, each one made to look like an image-focused social media post.
Section content and style
Change the overall style and layout of the section, along with headings and links.
Settings reference
Click on a gallery item block to find the following settings:
Setting | Description |
---|---|
Image | There are no required images dimensions. We recommend images that are square (1:1) with a minimum width of 2500px for optimal quality across all devices. |
Description | Add caption text to display below the image. |
Link | Add a link to the image. |
Click on the Gallery section to find the following settings:
Setting | Description |
---|---|
Small heading | Enter text to display as a small heading above the main heading. |
Heading | Enter heading text to display as a section title. |
Subheading | Enter subheading text to display below the heading. Use the formatting buttons to add text styles, links, or lists. To learn more, see Shopify's Rich text editor manual ↗. |
Link text | Change the "Shop now" text for your call-to-action button. The most effective button labels ask your customers to do something (e.g. Get started, Join us, Shop now). |
Style | Use the Default or Contrast section style. The Contrast style uses the contrast colors in your Theme Settings. |
Text position | Display the header and button either above or beside the gallery items. |
Columns | Use the slider to choose how many items should be displayed side by side. Choose between 2 and 4. |
Image aspect ratio | Crop the shape of your images to Square, Landscape, or Portrait. Choose Natural to display the original image shape. |
Max width of text | Use the slider to control the maximum width and line breaks of the headings. |
Related links
Last updated