> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/sections/main-product.md).

# Product information

The product page: media gallery with lightbox, and the product details built from blocks.

The product page: media gallery with lightbox, and the product details built from blocks.

**Where:** Only on product templates\
**File:** `sections/main-product.liquid`

![Product information](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-3a0dd34b8fda0033b1ebd0d90361630c232f29ff%2Fmain-product.png?alt=media)

## Section settings

| Setting              | Type     | Options | Default | Notes |
| -------------------- | -------- | ------- | ------- | ----- |
| **Show breadcrumbs** | On / off |         | On      |       |

### Media

| Setting                                    | Type         | Options                      | Default    | Notes                                                                                                                                   |
| ------------------------------------------ | ------------ | ---------------------------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| **Show only the selected variant's media** | On / off     |                              | On         | Each variant image starts a group that runs until the next variant image. Media before the first variant image shows for every variant. |
| **Show thumbnails on large screens**       | On / off     |                              | On         |                                                                                                                                         |
| **Keep media in view while scrolling**     | On / off     |                              | On         |                                                                                                                                         |
| **Image fit**                              | Choice       | Fill frame, Show whole image | Fill frame |                                                                                                                                         |
| **Open images full screen on click**       | On / off     |                              | On         |                                                                                                                                         |
| **Color scheme**                           | Color scheme |                              | Scheme 1   |                                                                                                                                         |
| **Top padding**                            | Slider       | 0–160px, steps of 4          | 24px       |                                                                                                                                         |
| **Bottom padding**                         | Slider       | 0–160px, steps of 4          | 40px       |                                                                                                                                         |

## Blocks

Shared blocks you can add here (each has its own page):

[Collapsible row](/reference/blocks/accordion.md) · [Button](/reference/blocks/button.md) · [Buy buttons](/reference/blocks/buy-buttons.md) · [Compare](/reference/blocks/compare-button.md) · [Complementary products](/reference/blocks/complementary-products.md) · [Custom Liquid](/reference/blocks/custom-liquid.md) · [Divider](/reference/blocks/divider.md) · [Email signup](/reference/blocks/email-signup.md) · [Follow on Shop](/reference/blocks/follow-on-shop.md) · [Group](/reference/blocks/group.md) · [Heading](/reference/blocks/heading.md) · [Icon](/reference/blocks/icon.md) · [Image](/reference/blocks/image.md) · [Menu](/reference/blocks/menu.md) · [Numbered step](/reference/blocks/numbered-step.md) · [Pickup availability](/reference/blocks/pickup-availability.md) · [Product card](/reference/blocks/product-card.md) · [Description](/reference/blocks/product-description.md) · [Inventory status](/reference/blocks/product-inventory.md) · [Product details line](/reference/blocks/product-meta.md) · [Price](/reference/blocks/product-price.md) · [Rating](/reference/blocks/product-rating.md) · [Specifications](/reference/blocks/product-specs.md) · [Swatches](/reference/blocks/product-swatches.md) · [Product title](/reference/blocks/product-title.md) · [Vendor](/reference/blocks/product-vendor.md) · [Scale](/reference/blocks/rating-bar.md) · [Restock request](/reference/blocks/restock-request.md) · [Share](/reference/blocks/share.md) · [Social media icons](/reference/blocks/social-links.md) · [Spacer](/reference/blocks/spacer.md) · [Specification](/reference/blocks/spec-row.md) · [Text](/reference/blocks/text.md) · [Variant picker](/reference/blocks/variant-picker.md) · [Video](/reference/blocks/video.md) · [Volume pricing](/reference/blocks/volume-pricing.md)

App blocks can be added too.

## Presets

Add it from **Add section** as: **Product information**.