> 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. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://halosoft.gitbook.io/bonnita-documentation/theme-settings/product-card/product-badges-labels.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.
