The Gallery section allows you to easily add and style beautiful image galleries on your page.
Gallery use cases
From the Shopify theme editor, click on Gallery on the sidebar to view the details of settings.
|Set the width (in pixel) of each image in the grid.
|Set the width (in pixel) of the collection’s featured image.
|Cut out a part of the image: Top, Left, Bottom, Right, Center.
|Set a slide animation - Slide, Fade, or Scale.
|Items Per Row - Mobile
|Set the number of featured content blocks displayed per row on Mobile devices (Less than 576px).
|Items Per Row - Tablet
|Set the number of featured content blocks displayed per row on Tablet devices (576px - 991px).
|Items Per Row - Desktop
|Set the number of featured content blocks displayed per row on Desktop devices (992px and up).
|Set the gap between items.
|This setting is only available for the Pro version. Display a poster image for the video.
|This setting is only available for the Pro version. Embed the Youtube or Vimeo video link.
|Add images you’d like to show in the image grid.
|Animate On Scroll
|This feature is only available for the Pro plan. It lets you apply different types of animation to elements within each section as you scroll down the page. Learn more about scrolling animations here.
|Set spacing between elements and their content.
Add other content blocks
You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.