Shopify variants / options are an opaque mess!

Want to add one product that has combinations of multiple options at different prices.

The way that variants / options work is as clear as mud.

Help!

It’s not very clear what you are looking for but sounds like you are looking for bundled product. Multiple products as one.

Can you please share some references for a better understanding.

Best

I want to add a product that has several options (some of which are at additional cost) and allow the customer to pick any combination of those options - and then show the correct price for that combination of options.

If you don’t want to use variants, you can customize it. One way to group them is by using metafields. Javascript is required for this feature.

Javascript? I use Shopify because its supposed to be simple, lol.

Surely, what I’m trying to do is pretty common…

You need JS so that the page will not load once you check/uncheck boxes for you combinations. :slight_smile: Also, JS is needed in order to see the price updates once you select products. There are themes though that has this kind of feature, I think it was the ā€œFlex Themeā€ (if my memory serves me right).

1 Like

Can’t find a ā€˜flex’ theme in the themes store.

Flux?

https://outofthesandbox.com/collections/flex-theme It is not in the Shopify theme’s list because it is beyond their standard.

1 Like

Hi,

Although, it can be easily added by shopify product options and your various combinations can be product variants. But if you don’t like this solution then you can use some public shopify apps that allows you to add custom product options, like

Please expore the apps and check if these serve your purpose

Thanks!

How does Shopify define the difference between a variant and an option.

I went on the chat with Shopify, gave them access to my product page and they could not tell me how to do what I want to do.

Sometimes, things are easier to understand if you have a UI. ā€œa picture is worth a thousand wordsā€ they say :slight_smile:

Check https://help.shopify.com/en/manual/products/variants/add-variants

In a nutshell:

  • product can have options, like ā€˜Size’ or ā€˜Color’;
  • Option can have option values, like ā€˜small’ and ā€˜large’ for ā€˜Size’, ā€˜red’ and ā€˜blue’ for ā€˜Color’;
  • variant is a combination of option values which can have it’s own price, inventory, etc. For example, ā€œSmall/Redā€;

When you add to cart, you’re adding a variant, not a product.

Note, that even when product has no options, there is still a hidden ā€˜Default variant’.

Thank you. I will have another go at it.