Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Supply Gallery Pages

The Gallery Page in Supply displays the page title and description on the right. Gallery images stack between the navigation sidebar and page title at a fixed width.

Note: To set up your Gallery Page and images, visit Using the Gallery Page.

Layout

Images

Gallery images stack to the left of the page title at a fixed width. The images scroll vertically.

  • Use the Gallery Image Margin tweak in the Gallery section of the Style Editor to adjust the space around the left, bottom, and top of the gallery images.
  • If a Gallery Page has only one image, the Gallery Single Image Fill tweak appears in the Style Editor. Product Images crop around their focal point to fit their aspect ratio.
  • Image captions display on hover.

Page title and description

The page title and description displays on the right over the background color.

  • The position is fixed, which means they stay in the same position as you scroll down the page. However, if the page title and description are taller than the browser window, they’ll scroll with the page.
  • The Site Vertical Alignment tweak in the Site Wide section affects where the page title and description display. Choose Top to align it at the top, or Middle to display it centered.

layout-gallery-supply.png

Image captions

On hover, a + button appears over images that have an image title or description. Click the button to display the image information as an overlay. The + button becomes an x, which hides the image overlay when clicked. 

 

Clickthrough URLs

Clickthrough URLs appear in the image description overlay as a text link to the URL.

Mobile

On mobile, the page title and description displays at the top. The page title and description displays at the top. Image captions display below their images.

mobile-gal-supply.png

Other features

Tip: To create different gallery layouts, create a Regular Page and modify it with a Gallery Block.

Next step

Learn about the Blog Page.

Was this article helpful?
1 out of 1 found this helpful
Supply Gallery Pages