# Prices and discounts

In theme settings, you can change how prices and discounts are displayed for products.

> You can also use product badges to [display sale and sold-out badges](https://help.fluorescent.co/stiletto/products/product-badges).

## Discounts

***

{% columns %}
{% column width="58.333333333333336%" %}
When you set sale prices in your Shopify admin, the product price will display the discount. You change the format of the discount message to reflect the type of sale.
{% endcolumn %}

{% column width="41.666666666666664%" %}

<figure><img src="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fix66JSZjOVLb4q6LzyFZ%2Fproduct-listing-discount.png?alt=media&#x26;token=ee55a009-801b-40f1-a165-c424c9e80fdd" alt="" width="308"><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

&#x20;

`Go to Theme settings > Product listing to find settings`

<table><thead><tr><th width="165">Setting</th><th width="350">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Discount format</mark></td><td>Display discounts 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>

&#x20;

## Prices

***

For products that are **sold out** or have a **$0 price**, you can choose to hide the price or show custom text instead.

* For **Product pages**, go to **Theme settings > Product**.
* For **Product listings**, go to **Theme settings > Product listing**.

&#x20;

<table><thead><tr><th width="126">Setting</th><th width="390">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">$0 prices</mark></td><td>Choose how to display "$0" prices. You can hide "$0" prices or replace them with a custom label.<br><br>Use the default theme content editor to add your custom label in the "zero price" field.</td><td><p><strong>Show as '$0'</strong> <em><mark style="background-color:yellow;">Default</mark></em></p><p><strong>Show as custom label</strong></p><p><strong>Hidden</strong></p></td></tr><tr><td><mark style="color:blue;">Sold-out prices</mark></td><td>Choose how to display prices for sold-out products. You can hide prices for all sold-out products or replace them with a custom label.<br><br>Use the default theme content editor to add your custom label in the "sold out price" field.</td><td><p><strong>Show as price</strong> <em><mark style="background-color:yellow;">Default</mark></em></p><p><strong>Show as custom label</strong></p><p><strong>Hidden</strong></p></td></tr></tbody></table>

&#x20;

### Add custom label for prices

***

By default, **$0 prices** use "Free" and **sold-out prices** use "Sold out" as custom labels. You can change these labels in your default theme content editor.

{% hint style="warning" %}
You can only access the **default theme content editor** for purchased themes on Shopify.
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In the theme editor (**Customize**):

1. Go to **Theme settings > Product listing** and scroll down to **Prices**.

   > For price display options on the product page, go to **Theme settings > Product**.
2. Click the dropdown for **$0 prices** or **Sold out prices**, and select **Show as custom label**.
3. Click the **Actions** **`...`** menu at the top of the theme editor.

   > You can also open the Actions menu next to your theme in the **Online store** section of your Shopify admin.
4. Select **Edit default theme content**.

   > **Note**: You can only access the **default theme content editor** for purchased themes on Shopify.
5. Click **Products** and scroll down to the **Inventory** section.
6. Change the text in the fields for **Sold out price custom label** or **Zero price custom label**.
7. Click **Save**.

</details>