# Product badges

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FISK9hDBK8G3gMEXbffNT%2FFox-BG%20Light%20-%202025-11-28T104723.080.jpg?alt=media&#x26;token=146afe8b-efdf-47ea-9bfa-6f0dcc5fdbb9" alt=""><figcaption></figcaption></figure>

The **Product badges** settings allow you to highlight specific products with visual labels, such as "New", "Hot", or "Popular". These badges help attract customer attention and make it easier to identify trending or newly added items in your store.

## How to add custom Product badges

{% hint style="success" %}
Steps:

1. In the theme editor (**Customize**), click **Theme settings**.
2. Locate **Product badges**.
3. Enter the tags you want to show as badges.
4. Click **Save**.
   {% endhint %}

## Product badges settings options

### Appearance

**Corner radius**: Use the slider or enter a pixel value to adjust how rounded the corners of your product badges appear (0 - 100px).

* A lower value keeps badge corners sharp and square.
* A higher value creates softer, rounded badges for a modern, friendly look.

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2Fu2RLlwogbnDOGHxTN0Cf%2Fimage.png?alt=media&#x26;token=6db517e5-24e8-4d2d-91b3-361074f99456" alt=""><figcaption></figcaption></figure>

### Badge types

You can set up multiple badge categories by adding specific tags under each section:

* **New badge:** For new arrivals (e.g., `New`, `Just Arrived`)
* **Hot badge:** For trending or high-demand products (e.g., `Hot`, `Best Seller`)
* **Popular badge:** For customer favorites (e.g., `Popular`, `Top Pick`)

Each tag must be listed on a new line to work correctly. Example:

```
Hot
Trending
Best Seller
```

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FTbscVJ73dKliLVFvEvin%2Fimage.png?alt=media&#x26;token=e2bc0053-9873-4d09-ac7a-16b25faf8e77" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FqzGI2JEXj5W30X3jJy4A%2Fimage.png?alt=media&#x26;token=0b64aaef-2a02-423a-a239-3a121b3d4789" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To change the badges' colors, go to **Theme settings** > [Colors](https://docs.foxecom.com/pebble-theme/theme-settings/colors)
{% endhint %}

{% hint style="warning" %}
Make sure you have added the corresponding tags in the **Shopify admin > Products** section.\
[*Learn more about tags*](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/using-tags)*.*

![](https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2Fc5rqdzAsAradFf0Jnly4%2Fimage.png?alt=media\&token=3faf65e0-7ba2-4a78-abfc-6b8529713e12)
{% endhint %}