> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/theme-settings/product-card/product-badges-labels.md).

# Product Badges/ Labels

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

| Setting                   | Description                                                                                             |
| ------------------------- | ------------------------------------------------------------------------------------------------------- |
| Product Badges?           | Toggle the display of product badges such as new, sale, bundle, etc, on product card.                   |
| Position                  | Select the desired position of the product badges either to the left or right side of the product card. |
| Position Top Badge        | Determine the desired spacing of the badges from the card's top.                                        |
| Position Left/Right Badge | Determine the desired spacing of the badges from the card's left/right side.                            |

## New Badge

**New Badge** can be set up automatically by time right in editor or set up manually by tags in product admin.

![](/files/4qS2VxRrw9U9Q09vCB7e)

![Set up "New" label manually by tags](/files/yiVRsBeWxP7ES9p1GuGK)

| Setting                             | Description                                                                                                                                                                                                                         |
| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| New Badge?                          | Toggle to include 'New Badge' in the product badges on Product Card.                                                                                                                                                                |
| New Badge: Type                     | <p>Select the method to apply 'New Badge'.<br>Dynamic: The algorithm will be applied to automatically decide the product is new or not.<br>Manual: The products with tags including 'new' keyword will be shown with new badge.</p> |
| New Badge: Time Show                | Determine the time range in which the product is shown with new badge.                                                                                                                                                              |
| New Badge: Maximum Products To Show | Determine the amount of products to have 'New Badge'                                                                                                                                                                                |

## Sale Badge

**Sale Badge** shows up when the product is added both "**Price**" and "**Price at compare**".

![](/files/IszrFNbfM9Z8VaIcOzuy)

| Setting          | Description                                                               |
| ---------------- | ------------------------------------------------------------------------- |
| Sale Badge?      | Toggle to include 'Sale Badge' in the product badges on Product Card.     |
| Sale Badge: Type | Select to display either the sale text or sale percent in the sale badge. |

## Out Of Stock Badge

**Out Of Stock Badge** shows up when the available quantity of the product is 0.

![](/files/Z0YYy2Axb9NiujspgLxr)

| Setting        | Description                                                              |
| -------------- | ------------------------------------------------------------------------ |
| Soldout Badge? | Toggle to include 'Soldout badge' in the product badges on Product Card. |

## Custom Badge

**Custom Badge** shows up when the product added a "**label**" tag. You can use this label with another name and change text in **Edit language**.

![](/files/JCg14iN4bghAvqji9tL1)

![](/files/1iBM762HKU2S4NSjljsf)

| Setting       | Description                                                             |
| ------------- | ----------------------------------------------------------------------- |
| Custom Badge? | Toggle to include 'Custom Badge' in the product badges on Product Card. |

## Bundle Badge

**Bundle Badge** shows when the product added a "**Grouped Sub Product**" metafield.

![](/files/FLKMW8fQaGWZdFAaZk9A)

## How to change the name of badge/ label or translate it in another language?

Please go to **Edit Languages** -> **Products** -> Scroll down to find the text of labels and change:

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

<figure><img src="/files/1jY3oLNyLQhUdJQKAwQQ" alt=""><figcaption></figcaption></figure>

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

| Setting       | Description                                                                                   |
| ------------- | --------------------------------------------------------------------------------------------- |
| Bundle Badge? | Toggle to include 'Bundle Badge' in the product badges if the product is setup with a bundle. |