# 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="../../products/custom-color-swatches" %}
[custom-color-swatches](https://palo-alto.presidiocreative.com/palo-alto-4.4/products/custom-color-swatches)
{% endcontent-ref %}
