Product media gallery
General
The Product Media Gallery sections displays product media in a gallery view.
The section is static which means it takes its place on the product page and you can rearrange its position or hide it if needed.
On the section level settings you can:
- Select a suitable color scheme.
- Choose media background: Card background or Transparent.
- Select product image aspect ratio.
- Select which variant images will be shown:
- Show all: Displays all variant images of the product.
- Show selected: Displays images from the selected variant.
- Show selected group: Displays images from the selected variant until the next variant’s image appears.
- Select display type for desktop and mobile
- Define how many items are shown per row for desktop, tablet and mobile.
- Select media zoom type for desktop and mobile.
Customize with blocks
Section Heading
Add a section heading to give users general information about the section's content. By using the Section Heading block, you can:
- Define the heading and subheading.
- Add text, including links and lists, if necessary.
- Control text alignment and select HTML tags.
- Customize sizes for desktop and mobile views or use the default sizes.
Custom spacing
- Add customized spacing to your section.
- Note: Values set in the custom spacing block will override those defined in the general theme settings.
Steps
- Open the theme editor and select the section you want to edit.
- Click the section name to open its settings, then find and click "Add block."
- Select "Custom Spacing" and define padding and margin top values for the section.
- The values you set here will override the general settings in the theme.