ability added alone button buy cart code com create developer developers directory enable example extra field form formatted function google-checkout help html image input javascript list multiple names none page price product selling similar single top type value website working

I'm working on a website that is selling popcorn tins that have multiple tin designs and multiple flavors, which affect the final price of each tin...

For example:
Someone wants to buy a UNC tin (with a base price of $21.95) with three flavors in it: Caramel (add $3), Butter (add $0) and Extra Cheesy (add $4.75)...

I want to have the base price of 21.95 set, with the ability to add these prices according to the flavor they choose. The one kicker is that there probably around 45 different flavors. Can I add different prices for each flavor?

They want the cart to be formatted similar to this:
http://popcornpapa.com/order0.asp?item=2375&size=3

I'm really strapped for time as I thought I would be able to do all of this with Google Checkout alone, but I was wrong, so if anyone can help asap, I'd really appreciate it.

Thanks!
-tommie
www.coldorangemedia.com

Here's how you should do this -

1. Add a single product in E-junkie, with the price of 21.95 and enable VARIATIONS.
2. Add three variation names - FlavorChoice1, FlavorChoice2, FlavorChoice3
3. Add the flavor list as values for all 3 and also, in the values for choice2 and 3 add a value called "none" on the top.

Once you get the button code and paste it in your website, do this -

1. Add <input type='hidden' name='amount' value='0.00'/> within the button code.
2. You'll need JavaScript to handle the onChange event of all the dropdowns which will calculate the value of 'amount' based on the selected values in each of the dropdown. So just create an array of 46 (remember, we added none to the list) values=>prices and then use that to calculate the price.

That same function can be used to do the fancy image thing popcornpapa guys are doing.

Hope this helps!

Alright, I've created the button with all the different variations and added the <input type='hidden' name='amount' value='0.00'/> on all the button options. First, is this where I need to put them?

Here's the page where this has been implemented:
http://palsiespopcorn.com/shoponlinepopcorntins.html

Second, can I get some help with the JS coding? I'm completely clueless when it comes to JS. I'm definitely more of a designer than a coder... I can manipulate HTML and some CSS but that's about it.

This has already been a great help.
Thanks

-tommie
www.coldorangemedia.com

Tommy, there needs to be only ONE "amount" field in the form. I'll suggest using one of the developers from our developer directory to help you with the JS.