Product Information

The Main Product section is the core component for displaying individual product information on product pages.

It provides a flexible layout system for organizing product media (images, videos) and product details (pricing, variants, descriptions) with sophisticated responsive design and accessibility features.

Settings Configuration

Layout Settings

Setting	Type	Description	Visibility
Width	select	Section width constraint (page-width/full-width/custom)	Always visible
Custom page width	range	Custom section width (1000-2000px)	page_width == 'custom'
Media position	select	Position of product media (left/right)	Always visible
Equal columns	checkbox	Enable 50/50 column layout	Always visible
Limit product details width	checkbox	Constrain details column width	equal_columns == true
Gap	range	Spacing between media and details (0-100px, step 4)	Always visible
Color scheme	color_scheme	Section color scheme	Always visible

Spacing Settings

Setting	Type	Description	Visibility
Padding top	range	Top padding for section (0-100px)	Always visible
Padding bottom	range	Bottom padding for section (0-100px)	Always visible