Summer of Love This Week: Separate Product Option Dropdowns

The Summer of Love continues here at LightCMS and this time, it's our built-in store functionality that's getting a little love with new, improved ways to display your product options.

Thus far, all product options have been combined into a single dropdown list on a product's detail page. So, if you have a shirt that comes in three colors and each color has four sizes, customers have to select from a single dropdown menu displaying every possible variant of the product.

New: choose from three display options on the product settings screen.

Now, your options are getting more options, so to speak. You can set each product to display its options in one of the following ways:

  1. Single Dropdown List
  2. Multiple Dropdown Lists
  3. Radio Buttons

Method #1 leaves things just like they've always been. When we make the upgrade, all products will retain this setting so nothing will change on your existing products unless you specifically change them.

Options displayed as a single dropdown (current method).

Method #2 creates a separate dropdown list for each product option. The customer can then combine the options to specify the variant they are looking for. In this scenario, it may be possible for a customer to create a combination of options that doesn't actually exist or that is out of stock. If they do this, the "add to cart" button will disable and will change to say "unavailable."

Options displayed as multiple dropdowns.

Method #3 is just like Method #1, except instead of displaying the variants in a dropdown list, the system displays them as radio buttons. For shorter lists of options, this might be preferable so the customer can see all of the options at once.

Options displayed as radio buttons.

Ready to Launch June 13th

This new feature will roll out on Wednesday, June 13th. As mentioned, nothing will change for any of your existing products. Following the launch, you'll be able to visit your products' settings screens to change the option display, if you so desire.

One more note: the multiple dropdown method is dependent on the customer's browser having Javascript enabled. Therefore, if a customer visits with Javascript disabled, our system will automatically fallback to Method #1 to ensure they are still able to select and purchase their product.

4 comments (Add your own)

1. DaveChap wrote:
Yay, this is great. Thanks for posting about this today. Now I have tomorrow to look forward to.

Tue, June 12, 2012 @ 5:13 PM

2. Clay Burnett wrote:
Very Cool!

Wed, June 13, 2012 @ 1:20 PM

3. Brendan Steele wrote:
I thought the "multiple dropdowns" option was perfect until my client needed 6 options...and the system only offers 3? Why limit how many dropdowns we can add? Is there any way around this?

Thu, August 30, 2012 @ 11:21 PM

4. Tim Wall wrote:
Brendan, at this point the number of options is limited to 3, though the number of choices under each option is unlimited. We feel that having more than three options makes handling variants for a product overwhelming and can also make the ordering process cumbersome for the customer. It might be better in such cases to create multiple products with fewer options on each.

Do you have an example of a product with six options that you can share with us? We're always open to new ideas and if we can show how you would use this in the real world we will definitely take a look and consider it. Feel free to send the examples to if you don't want to share them here.

Fri, August 31, 2012 @ 9:50 AM

Add a New Comment


Comment Guidelines: No HTML is allowed. Off-topic or inappropriate comments will be edited or deleted. Thanks.



Try it today. It’s Free.

Takes less than 60 secondsNo commitmentNo payment information required

Get Started