Product information

The Product information section is the core layout on every product page. It displays your product’s images, videos, details, buy buttons, variants, and supporting information.

This section ensures shoppers can clearly view product imagery while quickly accessing all essential buying details.

#How to navigate to the Product information section

#How to edit the Product information section

#Section settings

#Block settings

The Product information section is made up of 2 static block groups:

• 1. Media
• 2. Product details

#1. Media

This block automatically includes the full Product media gallery, such as images, videos, 3D models, and a thumbnails carousel.

You cannot remove this block, but its layout depends on your settings.

📐 Layout

• Style: Select your preferred desktop layout for product media. On mobile, the media is displayed as a carousel.

If the style is grid, set:

• Grid layout: If using grid, choose 1-column, 2-column, or grid-with-thumbnail layout.
• Grid gap: Spacing between media items when using a grid layout.

If the style is carousel, set:

• Thumbnail: None/ Inside/ Outside.
• Thumbnail aspect ratio: Control cropping of small thumbnail items separately.

🖼️ Media display

• Media aspect ratio: Control how the main media is cropped (square, portrait, landscape, auto).
• Border radius: Round the corners of media items. This applies to the thumbnails as well.
• Extend media to screen edge: Makes visuals extend horizontally when container = “page” (great for immersive layouts).

🎥 Video & zoom options

🧬 Variant-aware display

• Hide unselected variant media: When enabled, the gallery only shows media for the selected variant, cleaning up the viewer.

#2. Product details

This block includes all core product detail components. You can manage the sub-blocks of the Product details area in the Product details section of the theme editor.