> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/eclipse/product-pages/product-content-blocks/price.md).

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