# Badges

**Badges** allow you to customize badges in the theme.

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Badges.**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text size</td><td>Allows changing text size. Can be from <strong>10px</strong> to <strong>20px</strong>, increasing arithmetically of <strong>1px</strong> (pixel)</td></tr><tr><td>Text transform</td><td><p>Select the font style transform of the text:</p><ul><li><strong>Lowercase</strong></li><li><strong>Capitalize</strong></li><li><strong>Uppercase</strong></li></ul></td></tr><tr><td>Position on cards</td><td><p>Select position of badge on cards from the dropdown menu:</p><ul><li><strong>Top left.</strong></li><li><strong>Top right.</strong></li></ul></td></tr><tr><td>Badge style</td><td><p>Select badge style on cards from the dropdown menu:</p><ul><li><strong>Fill</strong></li><li><strong>Outline</strong></li></ul></td></tr><tr><td>Corner radius</td><td>Set the radius of the badge's corners. Can be from <strong>0px</strong> to <strong>40px</strong>, increasing arithmetically of <strong>1px</strong> (pixel). </td></tr></tbody></table>

#### **Distance**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Vertical distance</td><td>Specifies the distance between the spot and the top edge of the image.</td></tr><tr><td>Horizontal distance</td><td>Specifies the distance between the spot and the left edge of the image.</td></tr></tbody></table>

#### **Thickness**

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Horizontal thickness</td><td>The thickness in pixels of the inner space of the badges.</td></tr><tr><td>Vertical thickness</td><td>The thickness in pixels of the inner space of the badges.</td></tr></tbody></table>

#### Sale badge

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Sale badge: Type</td><td><p>Select the sale badge type from the dropdown menu:</p><ul><li><strong>Text</strong> </li><li><strong>% Discount</strong></li></ul></td></tr></tbody></table>

#### New badge

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable new badge</td><td>Enable/disable checkbox</td></tr><tr><td>New badge: Type</td><td><p>Select the method to apply 'New Badge'.</p><ul><li><strong>Dynamic:</strong> The algorithm will be applied to automatically decide the product is new or not</li><li><strong>Manual:</strong> The products with tags including '<strong>new</strong>' keyword will be shown with <strong>new badge</strong></li></ul></td></tr><tr><td>Time show</td><td>Determine the time range in which the product is shown with <strong>New badge</strong></td></tr><tr><td>Maximum products to show</td><td>Determine the amount of products to have <strong>'New badge'</strong></td></tr></tbody></table>


---

# 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://halosoft.gitbook.io/concept-documentation/theme-settings/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.