Product Options: Multiple Choice

The multiple choice display type lets customers select a particular value from a set, such as a color from a range of colors, or a material from a range of materials. Generally this option is used to help a shopper select a particular variation of a product. For example, a multiple-choice display type could be used to offer salsa that comes in different levels of spiciness or a lunchbox that comes with different characters on it. You can even combine different options together, like a candy bar that comes in different sizes and flavors.

Multiple choice options can be displayed as options in a drop-down, radio buttons, or rectangles. See Drop-down, radio button, and rectangle examples for examples.

Multiple Choice example

Rules and SKUs

Product lists can use option rule logic to trigger price changes, product image changes, and shipping weight changes.

Setting Up the Option

1. Go to ProductsProduct Options and click Create an Option.

2. Click the Create your own tile.

Select "Create you own"

3. Enter the following details:

Display Type, Style, and List of Values

  • Option Name — the name of your option (to be used internally for keeping track of options)
  • Display Name — the label of the options seen by customers
  • Display Type — Multiple choice
  • Display Style — Choose between radio buttons, a drop-down list, or rectangles. See examples.

4. Add your values, which are the actual choices a customer can choose from. Click Next when done.

  • To Add a value, click the green plus (+) sign
  • To Remove a value, click the red minus (-) sign
  • To set a default value (optional), check the Make Default box next to one of the options. This option will be selected by default unless the customer changes it.

5. You will be prompted to add your option to an existing option set or to create a new one.

 

What's an option set? An option set is a collection of one or more options that is assigned to an individual product. Products are added to an option set rather than directly to the product so that you can apply options to more than one product at a time. Learn more.

Include the option in an Option Set

Check The option is required to complete checkout to require your customer to select an option before they can add it to their cart. This setting can be edited later from the Option Sets page.

6. Save your changes. You can now apply the Option Set to a product.

Display Styles

Below is a sample of the display styles for multiple choice options. The actual appearance will differ depending on your theme. Check your theme's demo to get an idea of what it will look like in your store.

 

Did you know? A red asterisk (*) next to an option on your store means that it’s required. You can change this value in your Option Set settings.

Radio:

Multiple Choice - Radio Display Style

Rectangle:

Multiple choice Rectangle Display Style

Select/Drop-down:

Multiple Choice Dropdown Display Style

Video Walkthrough

https://www.youtube.com/embed/mHr5u2iehYw

Scenario: Chocolate Bar

In this scenario, we're going to sell a chocolate bar that comes in two different sizes (12 oz and 24 oz) and four different flavors (milk chocolate, mint chocolate, dark chocolate, and almond chocolate).

Since we have two attributes (size and flavor), we're going to make two multiple choice options: one for size, one for flavor. Afterwards, we'll put them both into a single option set that goes on the product.

Here's our option for chocolate bar sizes. Note: The reason we're not using a Size option is because we want to use a drop-down display for this option, and the Size Option only uses a rectangle display.

Chocolate Bar Sizes option

  • Option Name — "Chocolate Bar Sizes" (this will help us keep track of what's in the option)
  • Display Type — Multiple choice
  • Display Style — Drop-down (this is a stylistic choice)
  • List of Values — We'll make a separate value for each of our two sizes

When should I use "Make Default"? You can set an option as default when it will help you make a bigger sale. For example, since we're going to charge more for the larger package, we'll set the larger package to be default. If you do this, keep in mind that the price for the larger package will be the first price your customer sees.

On the next page, we're going to create an option set called "Chocolate Bar" and add this option to it. (If we ran a candy shop, we'd probably make this a little more specific.)

Chocolate Bar Option Set

Next is our flavor option. In this case, we want the flavors to appear in radio buttons.

Chocolate Bar Flavors option

  • Option Name — "Chocolate Bar Flavors"
  • Display Type — Multiple choice
  • Display Style — Radio Button
  • List of Values — We'll add each of our four flavors

On the next step, we'll just select the "Chocolate Bar" option set we made previously.

Chocolate Bar Option Set

The last step is to add the option set to the product.

Chocolate Bar option set applied to a product

Here's what our product looks like on the storefront.

Chocolate Bar product

Was this article helpful?