Product gallery settings

Overview #

The Product gallery settings are designed to manage the display of product imagery across your shop. These settings provide control over the visual presentation of product images, ensuring a cohesive look and feel throughout the site. They can be applied globally but also allow for customization at the section or block level.

Key components and functionality #

Image aspect ratio

These settings allow you to define the aspect ratio of images displayed on both desktop and mobile devices. This flexibility ensures that images are presented optimally for different screen sizes.

Desktop

You can choose from the following aspect ratios for desktop:

1. Default
2. Landscape
3. Portrait
4. Square
5. Widescreen
6. Ultrawide

Default: Square

Mobile

For mobile devices, the available aspect ratios are:

1. Default
2. Landscape
3. Portrait
4. Square
5. Widescreen
6. Ultrawide

Default: Square

Column width

This setting determines the width of columns in the gallery on desktop screens. Mobile devices will always display as a single column. Options include:

1. Equal columns
2. Large column on left
3. Large column on right

Default: Large column on left

Gallery position

This setting allows you to position the gallery on the page for desktop screens. Mobile devices will display the gallery and product information in a single column. Options are:

1. Left
2. Right

Gallery style

These settings define the style of the gallery on both desktop and mobile devices, allowing for different layouts to suit various display needs.

Desktop

Options for desktop gallery style include:

1. One column first
2. One column
3. Two columns
4. Slider
5. None

Mobile

For mobile devices, you can choose from:

1. One column first
2. One column
3. Two columns
4. Slider
5. None

Default: Slider

Gallery variant image style

This setting controls how variant images are displayed in the gallery. When a new variant is selected, the options are:

1. Default - Updates the first image to the selected variant.
2. None - Does not update the gallery.
3. Variant only - Hides all imagery except the selected variant.

Default: Default

Gallery zoom style

This setting allows you to choose how images are zoomed in the gallery, enhancing the viewing experience. Options are:

1. Use theme setting
2. None
3. Open in lightbox

Default: Use theme setting

Show video player controls

This checkbox setting determines whether video player controls are displayed, allowing users to control video playback directly from the gallery.

Default: Enabled

Usage examples #

1. Flexible Image Display: You might consider using different aspect ratios for desktop and mobile to ensure images are displayed optimally on each device type.

2. Dynamic Layouts: Consider using the gallery style settings to experiment with different layouts, such as a slider for a more interactive experience or a single-column layout for simplicity.

3. Enhanced Interaction: Enabling the gallery zoom style can provide customers with a closer look at product details, potentially improving their shopping experience.