In general, Customily options should be positioned before the "Add to Cart" button. However, in some cases, they may appear in the wrong location, requiring an adjustment to their position.

Additionally, some clients, for aesthetic reasons, request that these options be placed in a specific location according to their preferences.

To move the options to your preferred location, we have added a new setting

How to inspect an element and get its class or ID to use it as a selector:

1. Right-click on the element you want to inspect on the webpage and select "Inspect" (or similar, depending on your browser's language).
2. The developer tools panel will open, showing the page's HTML code.
3. Hover over the lines of code until the element is highlighted on the page.
4. Look for the class or id attribute in the HTML tag of the element:
   • If it’s a class, it will appear in the class attribute, e.g., class="my-class".
   • If it’s an ID, it will appear in the id attribute, e.g., id="my-id".
5. Copy the class or ID you want to use.
6. Use the selector in your code as follows:
   • For a class, precede the name with a dot (.), e.g., .my-class.
   • For an ID, precede the name with a hash symbol (#), e.g., #my-id.

Once you have the selector you will use as a guide, follow these steps:

1. Select the position where you want the options to appear (Auto, Inside, Before, After).
2. Enter the selector in the text bar that appears after clicking on one of the position options.
3. Don’t forget to click Save.