> For the complete documentation index, see [llms.txt](https://docs.samita.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.samita.io/badges-and-labels/change-the-position-of-badges-labels-on-the-front-store.md).

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

#### **Steps to manage**&#x20;

1. From the app admin page, go to **Badges and Labels** > click on the label detail you want to edit.
2. In the **Design** tab > scroll down to **Position** sectio&#x6E;**.**&#x20;

### Change Label position in the front store

* Choose **Inside product image** options and select the position you want the label to be displayed in product image.&#x20;

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

* Click “**Use Custom Position**” to customize the position on the front store based on your desire (out of the options the app provides in the setting):&#x20;

Drag the slide bar to adjust the position of the label. Click the exchange icon to change to top or bottom alignment

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

{% 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

* Choose **Outside product image** option and select the position you want the badge to be at product page (in **Predefined position**):&#x20;

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

&#x20;  &#x20;

At this moment, there are 7 available positions for you to choose from:

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

* 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://docs.samita.io/~/revisions/utkeEGTkd1XD1XZRzyUz/badges-and-labels/use-id-class-to-change-the-position-of-badge-label-on-front-store)

3. 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.samita.io/badges-and-labels/change-the-position-of-badges-labels-on-the-front-store.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
