I'm using the "WooCommerce - Gravity Forms Product Add-Ons" plugin for WordPress
The site, and specific location of the problem: http://artbyandrew.com/jeanhouston/marketplace/monochrome-to-color-expanding-the-depth-breadth-and-bandwidth-of-your-life
So, as you can see the next button does nothing and the checkout button goes to the next step of the form.
When you're on step 2 the previous button also does not work
jQuery is being loaded in the form twice, one version 1.8.3 by WordPress and one direct from jQuery:
<script type='text/javascript' src='http://artbyandrew.com/jeanhouston/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>If you can. remove the link to the jquery-latest-min.js. I think that is the source of your problem.
Thanks for getting back to me Chris! I just tried taking out the "jquery-latest-min.js", to no avail!
The next and previous buttons still don't work, only the "Add to Cart" button pushes the form to the next page!
Any other ideas?
Thanks in advance!
I see both references to jQuery in the source of the page still. Can you remove the one from jQuery please then leave it out until we can test? Thank you.
I can see the problem now: thank you. The buttons are not working because of this JavaScript error:
Timestamp: 1/15/2013 4:35:39 PM
Error: ReferenceError: jQuery is not defined
Source File: http://artbyandrew.com/jeanhouston/marketplace/monochrome-to-color-expanding-the-depth-breadth-and-bandwidth-of-your-life
Line: 29This is the code which starts on line 29 (from the source of the page):
jQuery(function($){
$('.circle').mosaic({
opacity : 0.8 //Opacity for overlay (0-1)
});
$('.fade').mosaic();
$('.bar').mosaic({
animation : 'slide' //fade or slide
});
$('.bar2').mosaic({
animation : 'slide' //fade or slide
});
$('.bar3').mosaic({
animation : 'slide', //fade or slide
anchor_y : 'top' //Vertical anchor position
});
$('.cover').mosaic({
animation : 'slide', //fade or slide
hover_x : '400px' //Horizontal position on hover
});
$('.cover2').mosaic({
animation : 'slide', //fade or slide
anchor_y : 'top', //Vertical anchor position
hover_y : '80px' //Vertical position on hover
});
$('.cover3').mosaic({
animation : 'slide', //fade or slide
hover_x : '400px', //Horizontal position on hover
hover_y : '300px' //Vertical position on hover
});
});That depends on jQuery but jQuery is not yet loaded in the page. Move that to somewhere after jQuery is enqueued or enqueue it properly with a dependency on jQuery and this error will go away.
There is an additional error as well:
Timestamp: 1/15/2013 4:35:39 PM
Error: ReferenceError: $ is not defined
Source File: http://artbyandrew.com/jeanhouston/marketplace/monochrome-to-color-expanding-the-depth-breadth-and-bandwidth-of-your-life
Line: 74This is the code creating that error:
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});That has two problems. 1) you cannot use $ as a function in WordPress (you need to rewrite the code as jQuery(document).ready(function($){ for example). And 2), it depends on jQuery as well, and, same as the previous error, jQuery has not been loaded.
Once you fix those errors, we can take another look for JavaScript errors if the buttons continue to not work.
Thanks again for your help Chris, I really appreciate it!
I fixed the "show hide" script and moved both that and the mosiac.js and mosiac script to the footer.
Now, I'm seeing a "jQuery cycle" error, not totally sure how to fix that one!
EDIT: my "Meteor Slides" plugin was causing the error, I've disabled it for troubleshooting purposes, but: no luck!
Any ideas?
It's amazing how many things can be wrong, then fixed, and STILL not affect the function of the form.
I see some comment-looking debug stuff in the source now, although the comments are not valid (the comment begins <!--- with 3 hyphens, and ends the same way.) The comment should begin <!-- with two hyphens and a space, and then end --> with a space preceding the two hyphens.
Not sure if that's related at all, but I did see that. Maybe it's temporary.
I also see this error at the end of the page:
<b>Fatal error</b>: Call to undefined function login_with_ajax() in <b>/home/artbya5/public_html/jeanhouston/wp-content/plugins/wp-php-widget/wp-php-widget.php(52) : eval()'d code</b> on line <b>37</b><br />And the page did not finish loading. Maybe because the footer is not loading the required scripts are not loading? Can you fix this error and see if the page will load completely?
Ah, that was a script that I just added to debug queued scripts -- I fixed that comment issue and as you expected: no change.
I've actually removed that piece of code (it was in functions.php) -- something that I had added earlier today.
It is very strange that we've fixed all of this and nothing on the form has changed!
I'll keep trying!
How about my last comment? We may have crossed posts.
I think we definitely did cross posts -- I think that error came about because I disabled a plugin called: wp-php-widget (for troubleshooting purposes)
I've now re-activated it, do you still see the error? (I don't when inspecting in chrome)
It's still present and visible in the page.
Fatal error: Call to undefined function login_with_ajax() in /home/artbya5/public_html/jeanhouston/wp-content/plugins/wp-php-widget/wp-php-widget.php(52) : eval()'d code on line 37I didn't need to inspect anything at all. It's visible to the public at the bottom of the page.
OK. Like I said. Hard to see how so many problems are found and fixed but the problem persists. In any case, I looked again. I don't see any obvious problems now. Does your form work properly without Woocommerce active? Or, can you test in the form preview to see if it works there? I'm not sure how the integration with Woocommerce works.
So, it's 100% something to do with WooCommerce itself (I think!), because the pagination for forms works on other parts of the site: http://artbyandrew.com/jeanhouston/about-jean/invite-jean-to-speak
Have you already checked their forums for someone else who may have reported this problem?
Thanks - we'll wait to hear back from you.
No dice, but I've posted on WooCommerce support forums and WordPress (WooCommerce) support forums:
http://wordpress.org/support/topic/gravity-forms-addon?replies=1#post-3732184
I will update here if I have any answers
Since you buttons work properly on other forms on your site, I think the issue is with Woocommerce. I don't have any other troubleshooting ideas.
We're looking at another issue which appears to be related to Woocommerce as well:
http://www.gravityhelp.com/forums/topic/file-attachment-error
The image attachment works properly when submitted from the form preview, and the site in question there is using Woocommerce as well.
ericcovarrubias
Member
I was having this same problem and discovered a potential solution or at the very least what is causing the problem. If you go into the Admin dashboard and go to the WooCommerce Product in question look at the section where you specify which Gravity Form to use on that product page. Go to the "Total Calculations" tab and I'm guessing you have the Disable Calculations box checked? If that is the case... uncheck it (even if the other three are all checked) and update the product. Amazingly, the Add To Cart button disappears now until the final page of your multipage form or the conditional submit button logic for your form is met... and more importantly the Next and Previous buttons should work. I have no idea why this happens but I discovered it by accident and it fixed this issue for me. Good luck and I hope it works for you too!