Oh dear, I have been wrestling with this for 2 days and just can’t work it out. I’ve read everything I can find here but I’m still very confused. I think I need step by step instructions on how to set up multiple checkbox items, how to calculate the total then send to Paypal to pay. I would dearly LOVE a video tutorial to be honest. (Just a suggestion!) Perhaps setting up dummy items and amounts….?
Anyway, I am setting this form up for a photographer friend’s WP site. I want her clients to be able to check one or more boxes, then click submit and be taken to Paypal with items listed and total price. I have tried listing all of the items in the same field…. and as you’ll see I’ve also tried listing the items in separate fields. The form is here…
http://studioredphoto.com.au/site/registration/
I have read the ‘Field Calculations’ document, but still can’t get it to work. There’s always zero balance in Paypal! I feel so stupid! I didn’t realise this would be so complicated, and I’m finding the lack of clear, step by step instructions frustrating.
Any help would be deeply appreciated. Please just let me know which screen shots I should send. I’m even happy to send you WP login details if it would help, though I would rather send them privately if possible.
Annie





August 7, 2012 at 4:01 pm
I can't verify your account. Please log in for support.
August 7, 2012 at 4:07 pm
I am logged in now... studio11red
August 7, 2012 at 4:38 pm
Thanks for logging in. Just for that I made you a little video: http://youtu.be/oLrNhA7QL1c
0%
Hope it clears up your questions.
August 7, 2012 at 5:12 pm
Did that video help answer some of your questions? I'm going to be signing off for the night pretty soon and don't want to leave you hanging since we are in different time zones.
August 7, 2012 at 5:17 pm
FANTASTIC! Thank you SO much Steve, that was brilliant. I hope that video helps others as much as it helped me. It's SO simple once you know how.
One more question about styling. I would love some more space under my heading (Packages) and even between the checkbox items. Even line breaks would do. I'm just not sure how to do that....
*edit to add*
I might have more questions Steve, but tomorrow will do. There's no great rush! Thanks again.
August 7, 2012 at 5:44 pm
There is a "customize HTML" section where you can manually add breaks. I'm not seeing that heading, so maybe it has changed...Also, I can help some custom CSS to add to your theme if you let me know what you are looking for. Glad you got that calculation working and PayPal bit worked out.
August 7, 2012 at 8:15 pm
Brilliant video. So helpful. I am about to create a similar form, so the video has made it so much easier because I will now know exactly what to do.
August 9, 2012 at 9:33 am
Thanks for all you've done Steve. A little help with custom CSS would be fantastic.
My headings are all back in place now. I read that they are styled from my themes h2 tags, but at the moment my headings don't appear to have any styling at all! My theme is Prophoto 4. It has an elaborate 'back end for dummies' so we're warned not to mess around with CSS file. However there is an area to add custom CSS. I just want those headings to be red, medium sized and Times New Roman.... a bit like the page heading... 'registration'.
The other issue is the line spacing, especially at the bottom in the 'optional extras' area. I think things would be much easier to read if they weren't so squished together. I'd like more space under the headings, field labels, between the check boxes and above the field instructions.
One more small thing. My TOTAL field works perfectly, but is there a way to add either a dollar sign before or decimal place and zero's after that total. It's no biggie. Just thought I'd ask.
Thanks again, Annie.
August 9, 2012 at 11:07 am
To style the "Personal Details" heading to match the registration heading, use this CSS:
#frm_form_6_container h1 {color: #CB1A1A;
font-family: BrawlerRegular, Arial, Helvetica, sans-serif;
font-size: 26px;
text-transform: lowercase;
font-weight: 400;}
You can adjust the numbers however you would like...this is just using the same CSS that the page title is currently using.
Try adding this to increase the line spacing...let me know if it does what you are looking for:
#frm_form_6_container {line-height:2;}To round the calculation to 2 decimal places, use this in the calculation of your total field:
[25]+[26]+[27]).toFixed(2
Add “).toFixed(2″ to the end of your calculation. This option will add floating zeros if needed. I know the Parenthesis are off and look wrong, but add exactly what is in the quotes above to your calculation.
To add the dollar sign, you can go to the form settings page, and click the "customize HTML" tab. Add the $ right before [input] in your "total" box for that field. (see screenshot)
Attachment:

Topic closed.