How to style Shopify Options with our app

Selecting a product

To top

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

Shopify options

To top

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.

Adding options

To top

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

Types of options

To top
  • 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

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

Saving Options

To top

Make sure you save your options by clicking “Save” in the top right of the page.

Click on the “Save and View in my Store” link in the upper right to see the product options 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.
You can customize the look of your options on the settings page.
For more information about how to set up your variants to change the main image check out this article.
Was this article helpful?

Pin It on Pinterest