# Badges

Badges, small yet powerful symbols, convey a wealth of information in a concise and visually captivating manner. 

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

## How to create custom badges

### Creating a new definition

Custom badges are easy to create and all done in your Shopify admin. The first step is to define a custom metafield that Modular can recognize.

Start in your **Shopify Admin -> Settings and** choose **Custom data** from the left panel and then click on **Products** *(click on the images to zoom)*:

<div><figure><img src="/files/6257mVcnr1RFdvKjFOoF" alt=""><figcaption></figcaption></figure> <figure><img src="/files/tnylF83v5cZwaoQXoCwS" alt=""><figcaption></figcaption></figure></div>

Click the **Add definition** button to begin. Choose a name, we'll use 'badge'. Next, we will use a custom namespace. This is **required** for custom badges.

A crucial step here is to change the **default namespace** (usually called '*custom*') to ***`theme`***

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

Add a description and choose **Select content type**. Choose **Text**, then select **Single line text** (it's the default choice):

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

{% hint style="success" %}
Don't forget to **Save** your new product metafield.
{% endhint %}

### Product setup&#x20;

The next and final step is to edit any of your products in the **Shopify Admin -> Products** and update the new badge metafield.&#x20;

Scroll to the bottom of the product setup page:

<figure><img src="/files/4w0R3hEv0eRAdXQzJQj8" alt=""><figcaption></figcaption></figure>

**Save** your product and preview it on your **Collection pages**:

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


---

# 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://modular.presidiocreative.com/modular-3.1/collections/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.