How to style Shopify Options with our app

Select a product to edit on the home screen. More info

In the first section on the product page settings it will show you the product options you set up in Shopify’s backend, we call these Shopify Options.

Shopify Options use  Shopify’s variant system which you use in Shopify’s backend (normal products). Think of it as our app styling the native options you already have.

• They limit each product to a max of 3 options and 100 variants.
• Allow for custom pricing for all variants.
• Images associated with variants (so they change when a variant is selected).
• And inventory control.

 Click on the icon to the right of the options to edit the product options.

• Dropdown – regular dropdown
• Enhance Dropdown – slightly different styling
• Buttons
• Color Swatches
• Image Swatches
• Auto Image Swatches – uses your variant images saved in Shopify’s backend

Click  once you have finished editing the product option

Make sure you save your options by clicking  in the bottom right.

In the App you will see what the options will look like.

Click on the Save and View in my Store link to see it live in your store.

All options saved in Shopify’s backend are required. Shopify limits the number of product options to 3 and variants to 100. To get more than 100 variants you can use our virtual options.