Hey, I have products with multiple levels of variants. Each variant can also have specific price - therefore I need one node/variant. Something like this:
Product1
- steel
--120×80($10)
--120x50($20)
- wood
--120×70($12)
--120x10($15)
In the UI I would like to pick variants with select-elements (the variants haven't got a url), but without any page reloads.. I guess I have to do it with some ajax calls.. Anyone done this? Tips?
It is possible to do it without ajax if you fetch all the information needed to display/purchase the variants in the first pageload. You can use the html api with a select element to pass on the correct productidentifier. Off course it may be wiser to use ajax if there is a _lot_ of variants :)
Multiple nested variants
Hey, I have products with multiple levels of variants. Each variant can also have specific price - therefore I need one node/variant. Something like this:
Product1
- steel
--120×80($10)
--120x50($20)
- wood
--120×70($12)
--120x10($15)
In the UI I would like to pick variants with select-elements (the variants haven't got a url), but without any page reloads.. I guess I have to do it with some ajax calls.. Anyone done this? Tips?
Hi Tobbe,
It is possible to do it without ajax if you fetch all the information needed to display/purchase the variants in the first pageload. You can use the html api with a select element to pass on the correct productidentifier. Off course it may be wiser to use ajax if there is a _lot_ of variants :)
Tea Solutions made a website for goshopping which also has variants, you can see how we handled variants here: http://www.kitchenone.dk/produkt/stelton-embrace-broedbakke/
is working on a reply...