# Product badges

<figure><img src="/files/vfyBARzgsXUmQNKG8pWj" 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="/files/uYAp7enDbbFkq337kt5W" 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="/files/360uO9PU153eCBvik8hg" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/WGvhysNbPHAHQgjjyTrT" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
To change the badges' colors, go to **Theme settings** > [Colors](/pebble-theme/theme-settings/colors.md)
{% 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)*.*

![](/files/aPi1DB5zHaVIObZRGwBB)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/pebble-theme/theme-settings/product-badges.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.