> 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/lorenza/products/product-badges.md).

# Product badges

**Product badges** are labels that appear on listed products that are on **Sale**, **Sold out**, or you can add **Custom** badges.

<details>

<summary><mark style="color:blue;"><strong>Why are custom badges not showing?</strong></mark></summary>

Make sure the badge tags match the exact spelling of the product tags in your Shopify admin. Also, check that the **Show custom badges** option is enabled in *Theme settings > Product listing*.

</details>

## Sale and sold out badges

***

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

To disable sale or sold-out badges, click **Theme settings** and open the Product listing tab.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> Discounts and inventory are Shopify features. Learn about [Setting sale prices](https://help.shopify.com/en/manual/discounts/sales) and [Managing inventory](https://help.shopify.com/en/manual/products/inventory) on Shopify.
{% endhint %}

<details>

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

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

1. Click the **Theme settings** icon.
2. Click to open the **Product badges** tab.
3. Choose to enable **Show sale badge** and **Show sold out badge**.
4. Use the color selectors to change the **Sale badge** and **Sold-out badge** colors.
5. Click **Save**

</details>

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

| Setting               | Description                                                                                 |
| --------------------- | ------------------------------------------------------------------------------------------- |
| Show sale badge       | Show sale badge on products with a 'compare at price' that's higher than the current price. |
| Sale badge colors     | Select the color of the text and background color of the sale badge.                        |
| Show sold out badge   | Display 'Sold out' badge on products with zero inventory.                                   |
| Sold-out badge colors | Select the color of the text and background color of the sold-out badge.                    |

## Custom badges

***

Add up to 4 custom badges to display on products that have the badge tag added in the Shopify admin. For example, add a badge for "New arrivals" or "Limited editions".

<details>

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

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

1. Click **Theme settings** and open the **Product badges** tab.
2. Toggle on the **Show custom badges** option.
3. Enter the product tags in the **Badge tag** field.

   > For badges to appear, badge tags must match the product tags entered in your Shopify admin.

   > To use badge colors for multiple tags, enter the tags in a comma-separated list. For example: “Best seller, New, Special”.
4. Use the color selector to change the **Background** and **Text** colors.
5. In your Shopify admin, make sure you add the same **Badge tag** text in the **Tags** field for your products.

   > Learn more about [creating and using tags](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/using-tags) on Shopify.
6. Click **Save**.

</details>

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

| Setting            | Description                                                                                       |
| ------------------ | ------------------------------------------------------------------------------------------------- |
| Show custom badges | Display badges with custom labels on colors on products using tags.                               |
| Custom badge tags  | Enter the badge tag text that matches Tags field under Product organization in the Shopify admin. |
| Custom badge color | Select the color of the text and background color of each custom badge.                           |
| <p><br></p>        |                                                                                                   |

***

> **Related links**
>
> [Theme settings](/lorenza/theme-styles/theme-settings.md)\
> [Collections template](/lorenza/collection-pages/collection-pages.md)\
> [Product listings](/lorenza/products/product-listings.md)