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, 

Location settings

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:

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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.