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

# Product Grid

The main **Product grid** settings can be used to make the best fit for your images.

<figure><img src="https://content.gitbook.com/content/gUj9I64rg9rJd0HEiLkG/blobs/7x3lc01WI9zskgx6WRZ5/theme-settings-product-grid.gif" alt=""><figcaption></figcaption></figure>

## Badges

Under **Badges**, you can toggle the Sale, Custom, Sold out, and Savings badges. There is also the option to show savings in cash or as a percentage.

<figure><img src="https://content.gitbook.com/content/gUj9I64rg9rJd0HEiLkG/blobs/sodBjPXuB5ACUrIuJBkL/badges.png" alt=""><figcaption></figcaption></figure>

## Swatches

Under **Swatches**, you can toggle color swatches and enable them to be shown on hover (on Desktop only).

<figure><img src="https://content.gitbook.com/content/gUj9I64rg9rJd0HEiLkG/blobs/ulHpcZDn7qOoH5GyXgIA/color-swatches.png" alt=""><figcaption></figcaption></figure>

Learn more about using Custom Color Swatches in Palo Alto here:

{% content-ref url="/pages/-MlG-veTqmxZsbrYn2jy" %}
[Swatches](/palo-alto-4.4/products/custom-color-swatches.md)
{% endcontent-ref %}