# Getting the HTML element

**Step 1:** On your live Product page, click Right Mouse -> Inspect.

**Step 2:** Press this key combination Ctrl + Shift + C and point to the element you want to use for the positioning of options. Kindly make sure that you choose the whole element, not just the title of that element. 

For example, here I choose the "Quantity" element

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

**Step 3:** Here you will see a line of code for that element, copy the class of that element and then fill it in the element box for option position.&#x20;

For example, the "Quantity" element has this code: \<div class="product-form\_\_input product-form\_\_quantity">

This would be the HTLM element we need: product-form\_\_input product-form\_\_quantity

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

**Step 4:** After you get the class, add “.” at the top and replace the space characters with “.” to finish, and then hit "Save changes".&#x20;

For example: product-form\_\_input product-form\_\_quantity -> .product-form\_\_input.product-form\_\_quantity


---

# 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/getting-the-html-element.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.