# 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="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2F3v8WFJgaUHmlcJwSG3f4%2Fimage.png?alt=media&#x26;token=20fa26d8-81e0-4360-a05e-d8170919db44" 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="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FbWXjX3zxA59dlBM5asTs%2Fimage.png?alt=media&#x26;token=8e5a3e86-0877-4bdc-a8f1-83fd95171b67" 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="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FlCgFQ04L7GsQStbOxPSR%2Fimage.png?alt=media&#x26;token=5c90bc59-f929-4ac0-b4b7-a28f5b472cea" 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="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FKLle2gXLrBHYWMbPUx8Q%2Fimage.png?alt=media&#x26;token=69354e63-22eb-4a1a-90d8-8b41d7d8f2b0" 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)