# Change the position of badges/labels on the front store

## Change the position of the label on the front store

### **Steps to manage** 

1. From the app admin page, click **Badges and Labels.**
2. Go to the label detail you want to edit.
3. In the **Settings** tab > scroll down to **Design** > **Position.** There are **two** ways to set the position of the label.

* Use **predefined** position: 

<figure><img src="/files/0ZAuRiEKaLgk2G0JsOKT" alt=""><figcaption></figcaption></figure>

* Use **Custom** position: Click “Use Custom Position” to customize the position on the front store based on your desire.\
  – Drag the slide bar to adjust the position of the label/badge&#x20;

  – Click the exchange icon to change to top or bottom alignment

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

&#x20;  4\. Click **Save** to update the changes.

{% hint style="warning" %}
**Note**

Don’t drag the slide bar to 100 left side or top side.&#x20;
{% endhint %}

## Change the position of the badge on the front store

**Steps to manage**&#x20;

1. From the app admin page, click **Badges and Labels**
2. Open the badge detail you want to edit
3. In **Settings** tab > scroll down to **Design** > **Position**
4. Change the position of the badge on the product page by selecting the option in the **Position** dropdown below:

<figure><img src="/files/0czx09ztiErmjDjgHfry" alt=""><figcaption></figcaption></figure>

&#x20;   At this moment, there are 4 available positions for you to choose from:

* Below the product image
* Below the product title
* Below the product price
* Below the product quantity
* Below the add to cart button
* Below the buy now button
* **Custom** position: Click **Custom** and customize the position of the badge based on your need&#x73;**.** [Learn more](https://help.samita.io/docs/product-label/badge-and-labels/use-id-class-to-change-the-position-of-badge-label-on-front-store/)

&#x20;  5\. You can also adjust the predefined position of the badge by using the **Predefined position**<br>

<figure><img src="/files/59zD56aPYZpG4fwGVNM2" alt=""><figcaption></figcaption></figure>

Lastly, click **Save** to update the changes.\
\
\ <br>

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)


---

# 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://docs.samita.io/badges-and-labels/change-the-position-of-badges-labels-on-the-front-store.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.