# 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/6md3yH8BZZEemJndPcTN/blobs/46kpQKURBm0HYzsOdXEk/product-grid-change.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/6md3yH8BZZEemJndPcTN/blobs/6B14ibyiINus32VAamcs/badges-demo.jpg" 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/6md3yH8BZZEemJndPcTN/blobs/XjJCTpQ6pa82GQLzinQd/product-grid-swatches.jpg" alt=""><figcaption></figcaption></figure>

## Quick shop

The **Quick shop** feature in Palo Alto allows customers to add products to their cart without leaving the page they are on.

<figure><img src="https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/VV2WEUBaD4pZmCQwTCaX/quick-view.gif" alt=""><figcaption></figcaption></figure>

When **One-click** is enabled, the customer purchases the product (or the first available variant) immediately.

If the product contains variants, we recommend using **Quick view** instead. This will take the customer through the process of choosing variants.