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

If you use Gempages to generate product pages, you may find that our option is 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%2FjZFqGYf1iSiDFc0CwLm4%2Fimage.png?alt=media&#x26;token=b358a2ca-6ea6-46f0-a51b-ee7f552837ce" alt=""><figcaption></figcaption></figure>

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

Step 1: Open the Gempages 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%2FCAvJNZ7QuvrXy5otqOiF%2Fimage.png?alt=media&#x26;token=ca807d51-62a7-48dc-a759-e883902f3c3e" alt=""><figcaption></figcaption></figure>

Step 2: click the Add Element button to add a Custom code element.

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2Fy2o31vZLwGoeIA12uwGP%2Fimage.png?alt=media&#x26;token=c4ebfe4b-47ae-4156-9b78-112b1cdbb0f8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FsdLn3l3IG4SyNPneONjV%2Fimage.png?alt=media&#x26;token=ebdb1450-bfdc-4d9e-9dbf-04ed036c13b2" alt=""><figcaption><p>Drag and drop the element to the desired position</p></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%2FeNwsOwOzNNPlw6gMQ3gd%2Fimage.png?alt=media&#x26;token=e18df9d9-a5f3-4fd1-af06-94694c6f5221" alt=""><figcaption><p>Click the Edit code button</p></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FsffVF9QS9I5XTG8aqrBE%2Fimage.png?alt=media&#x26;token=88c6fab9-1310-490c-9720-f806b2c798d8" alt=""><figcaption><p>Copy code snippets to code editor</p></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2F3Lmfks5fkMgDH6v84cWv%2Fimage.png?alt=media&#x26;token=3798ea37-0521-4b49-ae39-3f1672bf9804" alt=""><figcaption></figcaption></figure>

<figure><img src="https://433905945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmBMA3cQD9HDEvzfvR1m9%2Fuploads%2FgDoKqRAGW43GqdKFEU7p%2Fimage.png?alt=media&#x26;token=a488bb3e-e489-4084-a495-76d7017c92cf" alt=""><figcaption></figcaption></figure>
