# Changing the option position on the Product page

## **Method 1: Using the App Block**

**Step 1:** Go to **Online Store → Themes → Edit theme**.

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

**Step 2:** Open the template: **Products → Default product**.

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

**Step 3:** In the **Product information** section, click **Add block → Apps → Avis Product Options** to insert the app block.

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

**Step 4:** Drag the Avis Options block to adjust its position on the page. Once done, click **Save**.

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

## **Method 2: Using the Avis app's setting**&#x20;

**Step 1:** Open Avis Product Options, navigate to the Avis Option, click on the "Setting" tab, and locate the "Widget" section where you can set up option position on the Product page

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

**Step 2: L**ocate the "Widget" section where you can set up option position on the Product page and choose the position you want

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

* For positions related to the product variants and the "Add to cart" button, you can simply choose and hit "**Save**".
* For positions related to the HTML element, you'd need to fill in the HTML element before hitting "**Save**". &#x20;

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

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

The change can take a couple of minutes to update, please reload the product page and check for the result.&#x20;


---

# 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://options-docs-v2.avisplus.io/storefront-display/changing-the-option-position-on-the-product-page.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.