> 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/theme-settings/theme-settings/product-grid.md).

# Product grid

The product grid configuration controls how products are displayed across your store, including collections, search results, and sections that display products in a grid layout.

### Text size

Controls the font size used for product titles, prices, and labels within the grid. Sizes are generated relative to your base theme font size, ensuring typographic consistency across the store.

<figure><img src="/files/ON6eTaZKzqhh5I8mhBGK" alt="Text size on product grid showcase"><figcaption></figcaption></figure>

### Images

Controls how product images display and behave in the grid, enhancing hover effects and proportions.

* **Show additional images:** Displays another image when hovering over a product.
* **Limit product images:** Sets how many images are preloaded for hover. Higher limits show more variation, but may impact load time.
* **Product image aspect ratio:** Adjusts image shape from wide to tall, lower ratios are wider, higher ratios are taller, ensuring consistent grid alignment.

<div><figure><img src="/files/Si3FiDtkiuJUlTqMmhda" alt="show additional images setting on product grid showcase"><figcaption><p><strong>Show additional images</strong></p></figcaption></figure> <figure><img src="/files/lmVUk7K8YtpU6rO6SuN4" alt="Limit product images setting product grid showcase"><figcaption><p><strong>Limit product images</strong></p></figcaption></figure> <figure><img src="/files/Ex4t7aIF6U2u6gveK5ao" alt="Product image aspect ratio setting on product grid showcase"><figcaption><p><strong>Product image aspect ratio</strong></p></figcaption></figure></div>

### Quick add

Enables fast, in-grid product interactions so shoppers can add items or view details without leaving the page.

* **Enable quick add:** Add a [quick add](https://broadcast.presidiocreative.com/collections/collection-pages/quick-add) button on hover for easy cart access.
* **Gift card recipient form:** Let customers enter recipient details for gift cards.
* **Button background and text color:** Customize button colors to match your brand.
* **Hide on mobile:** Disables quick add on small screens for cleaner layouts.

<figure><img src="/files/hYCf9NSmkVQdeGC5jdQZ" alt="quick add feature on product grid showcase"><figcaption></figcaption></figure>

### Swatches

Controls how color or variant options appear on product cards. *Learn more about linked* [*color siblings*](https://broadcast.presidiocreative.com/siblings/product-siblings/about-product-siblings)*.*

* **Show siblings on collections:** Displays related product variants (e.g., other colors) in the grid.
* **Show color swatches on collections:** Adds clickable color circles beneath product images for easy variant browsing.

<figure><img src="/files/djpl1w4JDgOYdmSvzBgN" alt="swatches on product grid showcase"><figcaption></figcaption></figure>

### Cutline

Adds a short text line below each product name for extra details. *Learn more about* [*cutlines*](https://broadcast.presidiocreative.com/collections/collection-pages/cutline)*.*

* **Show cutline:** Displays brief info like 'Limited edition' or 'Organic cotton'.
* **Cutline text color:** Sets the color and transparency of the cutline text.

<figure><img src="/files/b0hPsIZr7KyrmEiMKnRe" alt="cutline on product grid showcase"><figcaption></figcaption></figure>


---

# 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 dynamically by asking a question.

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

```
GET https://broadcast.presidiocreative.com/theme-settings/theme-settings/product-grid.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.