> For the complete documentation index, see [llms.txt](https://approom.gitbook.io/eta/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://approom.gitbook.io/eta/badge-icon-and-label-pro-studio/main-features-and-usage/tabs/placement-tab-overview.md).

# Placement Tab Overview

In this section, you can customize the placement of your banner within your store. The interface is divided into two main areas: the left side for placement settings and the right side for a live preview of your banner.

**What You Can Do:**

**Left Side (Placement Settings):**

* **Placement Position:**
  * **Above 'Add to Cart' Button:** Display the banner above the 'Add to Cart' button.
  * **Below 'Add to Cart' Button:** Display the banner below the 'Add to Cart' button.
  * **Custom Position:** Copy and paste the provided tag into the desired location within your theme via Online Store > Themes > Actions > Edit Code.
* **Banner Layout Settings:**
  * Configure how your banner is displayed on different devices. Select the number of banners to display per row for desktop and mobile views.
    * **Desktop:** Choose the number of banners to display per row on desktop devices.
    * **Mobile:** Choose the number of banners to display per row on mobile devices.

**Right Side (Live Preview):**

* **Preview Tab:** View changes in real-time as you customize the placement of your banner. This helps ensure that your banner is positioned correctly before saving and applying it to your store.

By using these features, you can ensure that your banner is displayed in the optimal position within your store, enhancing visibility and effectiveness. Select the desired placement options, customize them, and see the changes instantly in the live preview.


---

# 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://approom.gitbook.io/eta/badge-icon-and-label-pro-studio/main-features-and-usage/tabs/placement-tab-overview.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.