# Main product area

The main product area controls how product media is displayed on the product page. It includes layout and interaction settings for the media gallery, allowing merchants to fine-tune how images and videos are presented across devices.

#### Gallery

Enable slideshow for product media to allow customers to browse images in a sliding format.

#### Gallery columns on desktop

Defines the number of columns shown in the product media gallery on desktop devices. Default is 2 columns.

#### Gallery columns on mobile

Defines the number of columns shown in the product media gallery on mobile devices. Default is 1 column.

#### Show buttons

Controls the visibility of navigation buttons within the media gallery. Set to “Always” to keep controls visible at all times.

#### Show pagination

Controls whether pagination indicators are displayed in the media gallery. Set to “Always” to ensure customers can see their position within the media set.

#### Show thumbnails

Enables thumbnail previews for product media, helping customers quickly navigate between images and videos.

#### Use auto height

Automatically adjusts the gallery height to match the current media slide, creating a more dynamic and responsive layout.

#### Enable media zoom

Allows customers to zoom into product images to view high-resolution details for a closer look at the product.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gatame.gitbook.io/highstreet/templates/product/main-product-area.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
