# Product form

The Product form is the essential section of the Product page and Quickview drawer to help customers select options and add items to the cart. You can use these global settings to adjust certain elements. Other settings are found right on the main Product form in the Product templates.

## Overview

<details>

<summary>Settings overview</summary>

* Sale discount style, badge options to display percent off or dollar value
* For the variant option style, choose between buttons or dropdown

Tip: The sale badge will only appear when the Compare-at price is larger than the Price set in the product setup

</details>

Video of product form options:

{% embed url="<https://www.loom.com/share/19e68a5ee1d4428a88421ac4d00437b0?sid=63ceeaca-7908-438f-98d2-19ebd5754047>" %}

**Tip**: To display the Sale badge on a Product page, the Price block must be added:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FM0si7xRwL0YgQKLsVBb5%2Fprice%20block.png?alt=media&#x26;token=f75e08eb-1297-4ee7-a174-65a2aabf2425" alt=""><figcaption><p><strong>Price block has been added and is not hidden</strong></p></figcaption></figure>
