# 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FlF8ayKRDvRFFYGG8oyQl%2Fimage.png?alt=media&#x26;token=342b5893-a5f0-42b0-869a-fe8be59f24de" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FqbaLT8B9ogUwq2qZONl6%2Fimage.png?alt=media&#x26;token=aee5d48e-d58a-471f-82ed-0ef120cb3824" 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FD3uZ7U0v0ZDnmTmUqndI%2Fimage.png?alt=media&#x26;token=d91727a6-a578-49df-a2f0-ae65d79076a9" 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FPDKTDGs9Uu3uK4oZ4Owp%2Fimage.png?alt=media&#x26;token=ef782fe8-c4f9-4943-877d-e19fe4204f6f" 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FXf5WvILCamAvhQhOyvQC%2Fimage.png?alt=media&#x26;token=9320d34e-5470-40a4-942b-a59d6fdcac69" 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FONjCJmnVpkFxB0kRdXvQ%2Fimage.png?alt=media&#x26;token=40b18681-f83e-427b-a584-f1f57ae04166" 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="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FQ1Hwks5hAkTohWqCfOxB%2Fimage.png?alt=media&#x26;token=b329983f-eafe-4263-9d19-b65d322d3923" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FRGjmEmQNx7DqIIkeJ1EU%2Fimage.png?alt=media&#x26;token=e1fa28ff-c635-4d26-88d2-945eaf3c69a5" 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;
