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

# Badges

Add the **Badges** block to show the sale, sold out, and custom badges. Badges colors and custom labels can be customized in [Theme settings > Product badges](/eclipse/products/product-badges.md).

<sub><mark style="color:$info;">Go to Theme settings > Product listing to find settings<mark style="color:$info;"></sub>

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Show sale badge</mark></td><td>Show sale badge on products with a 'compare at price' that's higher than the current price.</td></tr><tr><td><mark style="color:blue;">Show sold out badge</mark></td><td>Display 'Sold out' badge on products with zero inventory.</td></tr><tr><td><mark style="color:blue;">Show custom badges</mark></td><td>Display discounts as a percentage or dollar value, or simply show a "Sale" text label.</td></tr><tr><td><mark style="color:blue;">Sale badge format</mark></td><td>Display discounts as a percentage or dollar value, or simply show a "Sale" text label.</td></tr><tr><td><mark style="color:blue;">Bottom padding</mark></td><td>Set the amount of space below the badge block.</td></tr></tbody></table>