> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/product-page/product-information.md). # 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 |