I have created a large order form; see: http://dev.cantuccini.be/bestellen/
All Pricing Fields are of type "Product"; Field Type "Single Product". Each product has a price.
When I change to Quantity to Total Price at the bottom does not update. What have I done wrong? Please help!
I think the calculation is probable not working due to the JavaScript error on the page:
Timestamp: 8/13/2012 1:01:40 AM
Error: TypeError: $ is not a function
Source File: http://www.cantuccini.be/wp-content/themes/super-skeleton/assets/javascripts/filterable.pack.js
Line: 5Once you resolve that, please post back and we'll take another look if the total is not updating still.
I've contacted the Super Skeleton WP Theme author. This JS error probably also prevents the Datepicker from working in Chrome (Fine in IE btw)?
On the topic of the Datepicker, the UI Stylesheet seems to be missing by default? Do I have to download it myself from the jQuery UI website?
austinstone
Member
Hello,
I have created a dynamic product order form here: http://spendthrift.co/scape/pricing/
The user should be able to select different options to build the order, but the Total is not updating realtime.
I am able to get the total when the form is submitted, I have already calculated the Total in the tax section, I have tested on Safari, Chrome, and Firefox, and have live previewed the Twenty-Ten WP theme, but I still can't get the total to work.
If someone can help I would be much obliged!
The total is not updating due to JavaScript errors on the page.
Timestamp: 11/28/2012 6:18:00 PM
Error: TypeError: element.html() is null
Source File: http://spendthrift.co/scape/wp-content/plugins/gravityforms/js/gravityforms.js?ver=1.6.9
Line: 421Does the total update normally when you view the form in the Form Preview?
I also received an XHTML validation error:
Line 89, Column 18835: Bad value for attribute value on element input: The empty string is not a valid floating point number.
<input name='input_17' id='input_2_17' type='number' step='any' value='' class='medium' tabindex='28' />Is there anything interesting about input 17 in your form? I don't know if that's related or not, but I've never seen that error related to a Gravity Form. Are you using HTML5 mode?
austinstone
Member
Chris,
Thanks for your response, I am not familiar with JavaScript and would not know how to check or debug. I have tried different settings, I am currently on CSS, HTML5, and Non-Conflict Mode.
I am going to be moving this develop site to the main site soon, how can I fix this or get help to fix this? If I have your email I would be willing to give you admin access if that helps.
Thanks!
Does the total work properly when the form is displayed in the Form Preview mode?
Austin, please send a WordPress admin login to chris@rocketgenius.com and I will take a look at it for you. If you like, you can just export the form as XML and email that to me instead.
austinstone
Member
I have fixed the total, and now it updates in realtime.
Apparently the bug was the shipping details on the page, also it was not letting me submit the form when other was selected (and text was entered).
I have replaced it with a product "shipping" and now everything works:
http://scapemastering.com/order
Thank you for the update.