I wonder if anybody has ever successfully created a Shopify-like or Woocommerce-like e-commerce on Bubble. Upon searching in the forum, not many are talking about this, especially on the multi type variants.
I would like to get some ideas on how to set up variant selector (dynamic variant) on product page and product archive page, cart structure that included multi variants selected per product.
The idea could be to have a base product, with a fixed price.
Then, you could associate “options” to this product, for colors, sizes,… Options could be mandatory (size,…) or optional (more pepper,…)
And you can add an option price (positive or null, or even negative).
This way, your buyer choose a product, mandatory options (if any), optional options (if any), and the final price of the product will be : base price + each option price.
In terms of database, you’ll have a product datatype, and a option datatype. A product will be linked to 0 or X options (specific or generic).
You can build your own e-commerce app with the type of product options, variations, types, classes, etc etc. Up to you how large/small you need it to be
Look at the visual of product archive page given above. How to create “add to cart” flow when a product has multiple variants, in a product archive page? FYI, I haven’t build the flow yet because I haven’t found the best solution.
*Additional : As you can see above, the first variant option for size and color is auto-selected when page is loaded. How to do that?