Product Options Block in Theme Editor
New shopify themes that support Online Store 2.0 allow you to use app blocks to customize the location where the options are shown on the product page.
App blocks supported
In the app, navigate to the "Settings" tab. Check if app blocks are supported on your theme:
Adding an app block
In the "Location settings" section,
In the "Location settings" section, make sure that the Product options location is set to Automatic. If your theme supports app blocks, you will see the "+ Add app block" button, click on it to open the theme editor:
In the theme editor, make sure the product page is selected and the preview product is a product that has custom options configured. If that's not the case, select your desired product via the "Change" link:
In the Product section, click on "Add block":
In the "Apps" section, you can find the "Live Product Options" block type:
When you've added the block, you can drag it onto your desired location.
In our case we've placed it between the variant picker and quantity selector:
The theme editor should reload and the options should appear at the new location:
Home page support
The app block can only be used inside a "Featured product". At the time of writing this guide, the "Dawn" theme does not support app blocks in the Featured product section.