# Price

The **price block** displays the product price, discounts, and sale and sold-out badges. You can also enable the Shop pay instalments banner.

## Show discounts

***

If your products have a 'compare-at price', you can display the discount as a percentage or curreny amount off, or show a 'Sale' badge.

`Click Price block to find settings`

<table><thead><tr><th width="191">Setting</th><th width="363">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show discount</mark></td><td>Show discount amount as set up in the 'compare at price' setting in the Shopify admin.</td><td></td></tr><tr><td><mark style="color:blue;">Discount format</mark></td><td>Display discounts as percentage or currency amount.</td><td><strong>Sale</strong><br><strong>20% off</strong> <em><mark style="background-color:yellow;">Default</mark></em><br><strong>-20%</strong><br><strong>Save 20%</strong><br><strong>$5 off</strong><br><strong>-$5</strong><br><strong>Save $5</strong></td></tr></tbody></table>

## Shop pay instalments banner

***

If you have Shopify's Shop Pay enabled, you can allow customers to pay in instalments. Choose to display the Shop Pay banner below the price.

<table><thead><tr><th width="277">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show Shop Pay Instalments banner</mark></td><td>Show Shop Pay instalments banner.<br><br>To display the banner, Shop Pay must be enabled for your store. <a href="https://help.shopify.com/en/manual/payments/shop-pay-installments">Learn more</a></td></tr></tbody></table>

## Show sale and sold out badges

***

The **Sale badge** shows when a **Compare at price** is added in the Shopify admin. The **Sold out badge** shows when a product's inventory is zero.

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show sale badge</mark></td><td>Display a sale badge on products with a 'compare at price' that's higher than the current price.</td><td></td></tr><tr><td><mark style="color:blue;">Show sold out badge</mark></td><td>Display a 'Sold out' badge on products with zero inventory.</td><td></td></tr><tr><td><mark style="color:blue;">Alignment</mark></td><td>Set position of sale and sold out badges.</td><td><strong>Above price</strong><br><strong>Left of price</strong><br><strong>Right of price</strong></td></tr><tr><td><mark style="color:blue;">Sale badge format</mark></td><td>Choose how to display discounts for sale badges. Show the discount as a percentage or dollar value, or simply show a "Sale" text label.</td><td><strong>Sale</strong><br><strong>20% off</strong><br><strong>-20%</strong><br><strong>Save 20%</strong><br><strong>$5 off</strong><br><strong>-$5</strong><br><strong>Save $5</strong></td></tr></tbody></table>


---

# Agent Instructions: 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://help.fluorescent.co/eclipse/product-pages/product-content-blocks/price.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.