Read before you start
This option is the most complex one, before you continue make sure that:
- You have already tried to change the position via Add Block or via CSS class
- You have coding skills or access to a developer that administers your Theme.
Step 1
Navigate to your Sales Channels > Online Store > Themes
Go to your most recent team and click on the icon with the three dots [ ... ]
Select 'Edit code'
Step 2
Search for the file in which you can modify the layout of your product page. This is a liquid file that generally contains the name of 'product', but not always (it depends on each Theme)
Example: {/} main-product.liquid , {/} product.liquid , {/} product-template.liquid
Step 3
Enter the following Div in the relevant section of your code.
<div id="sizefox-container"> </div>
Example: