Hm, couldn't really think of a good way to sum this up in the title. I'm putting together a site that sells canvas prints made from images uploaded by the customer. To streamline the process a bit I'm setting it up so that multiple sizes can be chosen as well as a quantity per size. You can see what I mean here:
(disregard any design anomalies/weirdness or browser display issues, I'm working around the current design while I get the functionality in place and will redo/fix stuff later).
For each size I'm using the multiple product flag thing (2:name, 3:name, etc.) and using jquery to enable/disable the accompanying options. There is technically only one product, which is the image to print, but in order to have quantity and its affect on the pricing handled setting each size as a product seems the best solution. It does present one problem tho... the options for treating the print (sepia, restoration, etc) are common to all the "products" (sizes). Unless I do what seems to be a bit of a kludge and use jquery to enable/disable hidden 2:optname
type flags all down the line (currently 14 sizes) the option(s) just gets calculated for the first product/size. I'd love to see an "all" type flag for product options, something like a:optname
that will apply it to all the products being posted to the cart. Sort of the opposite of the x: exclusion flag.
On the other hand, if I'm missing something or you think using JS to handle it is the best option, feel free to move this discussion to the help section. I'll be looking for some pointers on streamlining the JS functions in that case
Appreciate any thoughts or suggestions,