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
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
Padding top
range
Top padding for section (0-100px)
Always visible
Padding bottom
range
Bottom padding for section (0-100px)
Always visible
Last updated