> For the complete documentation index, see [llms.txt](https://broadcast.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://broadcast.presidiocreative.com/products/product-pages/product-page-settings.md).

# Settings and layout

Settings and layout options for Product pages

Broadcast includes a variety of settings to help you customize the layout and appearance of your product pages. The 'Product page' settings are global options for each product template, such as the 'Default product' template. These settings enable you to refine the appearance and behavior of your primary products. 

{% stepper %}
{% step %}

### Click on Product pages

Under the Template group, click on 'Product pages' to expand the section and also display the settings and options. 
{% endstep %}

{% step %}

### Product page settings

After clicking on 'Product pages, the settings are displayed in the side panel. For smaller screen widths, the settings panel will appear inline on the left. 
{% endstep %}
{% endstepper %}

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2FaQVUiPipI8LErJ7j5OAI%2Fproduct-pages-settings.jpg?alt=media&amp;token=f70aaebf-ef4d-41ce-91fc-263f4f806e00" alt=""><figcaption><p>Click on <strong>Product pages</strong> to view settings</p></figcaption></figure>

To learn more about the 'Product page' settings, watch this quick overview video with a walk-through:

### Video overview of Product pages settings

{% embed url="<https://www.loom.com/share/97ed6868fa744a179c7d6c60e87f63da?sid=8d8b8a79-2cb2-40f3-be1b-984b238a004c>" %}

### Product Description

#### Enable sticky form

The product form remains visible while scrolling through stacked images. This view is recommended for long pages with large images.

The main benefit is that it allows shoppers to access call-to-action buttons while scrolling through product images.

Sticky behavior ends when the shopper reaches the last product image and proceeds to the content below. This is best used with the 'stacked' image gallery.

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/16AZsoBTEEhpQ8obsxAL/Aug-20-2021%2023-09-32.gif)

### Layout

#### Image display

Broadcast includes a few different layout styles for displaying your product images and thumbnails:

| Desktop product gallery | Mobile product gallery |
| ----------------------- | ---------------------- |
| Thumbnails - Bottom     | Thumbnails - Bottom    |
| Thumbnails - Left       | Slider                 |
| Stacked                 |                        |
| Mosaic                  |                        |
| Grid                    |                        |

#### Thumbnails - Bottom

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/Xyp976qPXnUqewxXZ7t0/Screen%20Shot%202021-08-20%20at%2011.17.15%20PM.png)

#### Thumbnails - Left

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/Sxh5LHTxpTVpiFfDOmyj/Screen%20Shot%202021-08-20%20at%2011.18.32%20PM.png)

#### Stacked

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/OrBa1OkVn5GHXxCPx9iv/Screen%20Shot%202021-08-20%20at%2011.19.50%20PM.png)

#### Mosaic

The mosaic layout displays a large first image followed by 2-column smaller images. A popular design choice as thumbnails are large and less scrolling is needed over the stacked layout design:

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/PHRiq3yTgxAAPqRQh0VV/pdp-gallery-mosaic.jpg" alt=""><figcaption></figcaption></figure>

#### Grid

The grid layout shows two rows of images side-by-side.

<figure><img src="https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/0pJROCibR0spU4k4ZsJS/pdp-gallery-grid.jpg" alt=""><figcaption></figcaption></figure>

### Image size

Broadcast also includes three image sizes to choose from to help match your product images:

| Image size              |
| ----------------------- |
| Small                   |
| Normal                  |
| Stretch - No thumbnails |

### Cart bar

#### Enable cart bar

The cart bar remains visible to shoppers while scrolling through long product pages.

It includes the product name, price, and Add to Cart button, making it easy for customers to add your product to the cart:

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/s6uGrzt6OB52zFm39eRK/Screen%20Shot%202021-08-20%20at%2011.24.32%20PM.png)

### Media

Broadcast includes a powerful image zoom feature that allows customers to easily zoom in on product images and cycle through them in a full-screen browser window mode:

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/cIyI5EdNZzDzjgYb8p6h/Screen%20Shot%202021-08-20%20at%2011.25.09%20PM.png)

### Section padding

Section padding gives you granular control over the spacing above and below sections.

With product pages, the controls will help you increase or reduce white space at the top and bottom of the main product information:

![](https://content.gitbook.com/content/sD7BEEDU3B7WiEJlN0F7/blobs/Y8ACxET1NF96dgoCoBCG/Screen%20Shot%202022-07-12%20at%2011.44.24%20AM.png)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://broadcast.presidiocreative.com/products/product-pages/product-page-settings.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.