# How to display the option correctly in the product details page generated by Ecomposer

If you use Ecomposer to generate product pages, you may find our option in the top left corner of the page, which is not what we want.

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FbKK6gRUjVDjL9MwWPBX0%2Fimage.png?alt=media&#x26;token=5dd35778-d8c7-4039-9f0f-b514c46d9556" alt=""><figcaption></figcaption></figure>

To display the option in the correct position, we need to follow these steps:

Step 1: Open the Ecomposer app and navigate to the template editor.

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FyUqeUwmmsC4NXsVjysif%2Fimage.png?alt=media&#x26;token=9fe16d67-4f61-4228-86d5-cc1d67e67ebf" alt=""><figcaption><p>Open the Ecomposer app</p></figcaption></figure>

Step 2: Switch to the **Elements** tab and search for **code** element.

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2Fi23LhE4YrqHSZCjLXS7K%2Fimage.png?alt=media&#x26;token=9fad3cc2-5c42-4fb4-a6e4-dadec58e0c5d" alt=""><figcaption><p>Search for code element</p></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FYyK0beVJdII1bzZ9FiHz%2Fimage.png?alt=media&#x26;token=96107090-e178-471a-9aa5-9396951f07e9" alt=""><figcaption></figcaption></figure>

Step 3: Click the **Edit code** button on the left panel and copy the following code snippets into the code editor.

```
<div class="linked-option-variants-container"></div>
```

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2F2ZqvPthaXntAYjyQupsF%2Fimage.png?alt=media&#x26;token=67c0f7fc-fdd1-4dcf-b39c-f50836668b0d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FwvTD5ndtzNPO8Ycq77zP%2Fimage.png?alt=media&#x26;token=37eb7cd8-0c88-4fdb-9db2-47b5db83ff5c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FCPuF0YW0OThdGqzJ5Bwr%2Fimage.png?alt=media&#x26;token=435980b4-1f0b-47ad-b306-96d40a249f09" alt=""><figcaption></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FNjTvvfqDGWA5kEGyXlC8%2Fimage.png?alt=media&#x26;token=0da15ebe-ff35-4202-b4da-0795525d53b2" alt=""><figcaption></figcaption></figure>
