How can I enable multiple variant selection for a single product?

[BHSJD]

Dear Sir / Madam

We would like our store to have options that enable customers to choose multiple variants for a single product.

Let's say, I have product A which has 2 options, B and C, with 2 and 5 variants respectively. Both options have to be selected by user before checking out. For option B, user needs to choose only 1 variant but for option C, user can choose more than 1 variant. So, we want to have dropdown menu for option B and checkboxes for option C

Is there any way I can change the code or are there any recommended free apps?

Also, will each option selected be reflected in the Lineitem columns of the order CSV?

[Rick · Accepted solution]

Hi @BHSJD 

It sounds like you are trying to implement some sort of advanced variant options for your products. Having more flexibility for how a customer can select variants might be useful for certain situations!

You are correct in assuming that this would most likely involve an app or custom coding. While the standard Shopify variant system works for most use cases, certain scenarios like this might benefit from having more control and customization options. 

I had a look on the Shopify App Store and actually found a couple of apps that are worth checking out. Before installing any of them, make sure to note the free trial period (if any) and the price of the app. As with all third party apps, any questions can be directed straight to the app developers themselves. Simply click into the Support tab on the app listing to get in touch with them. Here's a couple of recommended apps:

• G-Variants: Product Options
• Variants Options, Colour Swatch
• Variant Option Product Options

You also asked if each option selected by the customer would be reflected in the 'Lineitem' columns in the orders CSV. Each app could interact differently with this, so if that is a concern you have, I would recommend asking the app developers to confirm that for you, as they would be the best equipped to answer that.

If you wanted to go for a more custom solution, then you could consider hiring a Shopify Expert here to help you edit the code on your store. That website lets you connect with freelance developers and work with a professional to help you achieve things like this.

[BHSJD]

That's really helpful. Thanks a lot, @Rick !

[Williampat369]

Hi BHSJD,

Traditional way of adding dropdown menu is below:

1. Click the name of your main menu.
2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header.
3. Add menu items to include in the new drop-down menu. ...
4. Click and drag the menu items to nest below the header item.
5. Click Save menu.

You can also use few free apps like:

1. Smart Product Options.

2. Variant Options.

3. Customizer and etc.

All the best.

[EasifyApps-Zoe]

Hi @BHSJD,

Even though you've already found a solution, I'd like to analyze your case to help other community members who may encounter similar issues. This will provide them with a better understanding of how to handle such situations 🤗.

• "Both options have to be selected by the user before checking out." => To ensure that both options are required, you need to mark them as "Required" in your app configuration.

• "For option B, the user needs to choose only 1 variant." => For Option B, you can create it as a Dropdown or Radio Button, allowing the user to select only one variant.

• "For option C, the user can choose more than 1 variant." => For Option C, you can create it as a Checkbox, enabling the user to select multiple variants.

• "Is there any way I can change the code, or are there any recommended free apps?" => It's advisable to find a solution that doesn't require modifying the code. There are free apps available that can assist you in setting up the desired functionality, such as the Easify Product Options app. This app offers a user-friendly interface and provides more advanced features than what you require.

• "Will each option selected be reflected in the Lineitem columns of the order CSV?" =>

  Most Product Options apps are not able to include custom option information in the order CSV. However, you have a couple of options:

  1. Use a specialized Import and Export app: These apps allow you to include all custom option details (properties) in the order CSV file.

  2. Wait for Easify Product Options app updates: We are currently developing an advanced feature for our app that allows exporting orders with custom options information. This means you won't need any additional apps or incur unnecessary expenses 👌.