> 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-form.md).

# Product form

The product form controls how product options, pricing, and purchase actions appear on product pages. It defines the layout, styling, and behavior of variant selectors, sale indicators, and add-to-cart features, helping customers interact seamlessly with your products.

<figure><img src="/files/HgcMjFghGMTMvdjgTYxw" alt="product form settings showcase gif"><figcaption></figcaption></figure>

* **Form style:** Choose between *`Classic`* (traditional layout where each element is on a new line) or *`Modern`* (elements can be next to each other for a cleaner look).
* **Show lines:** Adds dividing lines for better form structure.
* **Show variant labels:** Displays option names like c*olor* or s*ize* above variant fields.
* **Show variants as boxes:** Presents variants in clickable boxes instead of dropdowns for a modern look.
* **Show sale badge:** Highlights discounted items with a sale tag.
* **Sale type:** Display discounts as a *`Percentage`* or *`Money`* value.

#### Variant image

* **Show variant image**: Displays an image thumbnail for each variant, such as color or pattern.
* **Swatch style**: Choose `Stacked` (vertical layout) or `In-line` (horizontal layout).

#### Out of stock notification

* **Show 'Notify me when available' popup**: Enables a notification popup so customers can sign up to be alerted when out-of-stock products return.

#### Final sale

* **Show on all sale products**: Marks discounted items as final sale (non-returnable).
* **Content on hover**: Adds a tooltip with customizable text.

> Use metafields to apply this to specific products or variants.

#### Quantity selector

* **Style**: Choose between `Dropdown` or `Standard` (+/– buttons) for quantity selection.

#### Add to cart

* **Display product price**: Shows the product price inside the Add to Cart button for quick price visibility.


---

# 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-form.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.