# Product Badges/ Labels

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FF2YjJKXsLP14CMp1cej2%2Fimage.png?alt=media&#x26;token=4749e9ae-24d7-4b29-bf9c-b3eab60311c8" 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.

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FoWUnJgZn0i4gsVQxWrWz%2F9.jpg?alt=media\&token=228034f3-9cd4-4981-b45f-348462ff28f9)

![Set up "New" label manually by tags](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FV5MiNpgSEfCcnrT6tmdG%2F15.gif?alt=media\&token=dda1fcea-a60a-4ebc-9101-86fa43fef6e2)

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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FRlZy8xtsNMsSGZeelQpI%2FScreenshot_2.png?alt=media\&token=251a6687-5661-47c9-a2d8-372c86bb03fa)

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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FyHDm01vxXuegXxlZF8ZH%2FScreenshot_3.png?alt=media\&token=d75548ff-445b-4135-a3d6-312a71926ee0)

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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F2GWEiKzHFL3BTGOOGkmL%2F10.jpg?alt=media\&token=06491f6a-7f6a-4abe-8d65-07126dbe3f31)

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FCK0u1d0q2i53QCYPEMFN%2F16.gif?alt=media\&token=724fa568-b7a6-4394-b303-1956d744937e)

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

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F6dSLtX5VAr7BkiSswJrP%2FScreenshot_4.png?alt=media\&token=bdf6c7d6-0126-4b6f-bb60-5384bded32e4)

## 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="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F8kYLMBw3WImiI0rd6we8%2FScreenshot_6.jpg?alt=media&#x26;token=91db852f-8279-44a2-a4c7-f43e64eaddaf" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F2CHYQt9h67kga7XpVYB6%2FScreenshot_7.jpg?alt=media&#x26;token=b4504b3e-cae5-42fb-a52e-e5379ac6cea8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FmMuuShrliwxn4wchcVqJ%2FScreenshot_8.jpg?alt=media&#x26;token=d90f62e3-3b4e-4bff-891d-c1ed24919bc3" 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. |