> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/product-page-sections/product-information.md).

# Product information

The core section of every product page. Renders the product media gallery on one side and the purchase interface on the other — assembled from individual blocks you arrange in any order.

***

## Structure

```
┌──────────────────────────────────────────────────┐
│  [ Media Gallery ]  │  [ Product Details ]        │
│                     │    Title                    │
│                     │    Price                    │
│                     │    Variant Picker           │
│                     │    Buy Buttons              │
│                     │    Accordion / Tabs         │
└──────────────────────────────────────────────────┘
```

[**Media Gallery**](/helix/product-page-sections/product-information/product-media.md) — Product images and videos with zoom, thumbnails, and variant media support.

[**Product Details**](/helix/product-page-sections/product-information/product-details.md) — Purchase interface assembled from individual sub-blocks.

![Product Information section overview](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-4903142e95357a091af0b14bd8942d4888f3aab2%2Fproduct-page-product-information-structure.png?alt=media)

***

## Settings

| Setting                | Description                                                                                 |
| ---------------------- | ------------------------------------------------------------------------------------------- |
| **Sticky content**     | The product details panel stays fixed while the customer scrolls through the media gallery. |
| Width                  | Container width of the section, such as page-width, full-width, or full-bleed.              |
| Media width            | Proportion of the section the media occupies.                                               |
| Gap — Desktop / Mobile | Spacing between the media and details panels.                                               |
| Color scheme           | Background and text colors.                                                                 |
| Padding top / bottom   | Outer vertical spacing.                                                                     |

{% hint style="info" %}
Enable **Sticky content** to keep the Add to Cart button visible while the customer browses multiple product images — significantly reduces scroll-to-buy friction.
{% endhint %}