# 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.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FyfvrHMoyw97zmJSQfxkN%2Fimage.png?alt=media&#x26;token=f6f450b3-2037-4dde-bf77-76f40a6ee7cf" alt=""><figcaption></figcaption></figure>

### 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 |