Sean Voss

Hey John,

I’ve done some debugging on your site, it’s a strange situation, probably a race condition with the DOM loading, if none of this makes sense, don’t worry it’s all good, mostly for posterity.

Second, another symptom/cause I’m seeing, another JS error which you can see in the console and also Striper doesn’t work after that. (I have nothing to do with superfish) I imagine you might have installed this plugin.

Uncaught TypeError: Object [object Object] has no method 'superfish' superfish.js:123

So the Striper plugin seems to work around 50% of the time, I’m going to do that other ‘angle’ of attack to make it work 100%, which involves waiting until the click is made, using delegated events, then, checking if the bind to checkout is done correctly and assign if it is not. Look for that in the morning, I think it will be a final correct solution for installations like yours where the DOM is not guranteed on page load.

Sean

Cool, yea 0.12 is working great, let’s go ahead and update.

Curious to see what happens with the later ones where the external js is not being loaded, though 0.16 should work anyway since it has both.

Alrighty, so added back in the code from 0.12 that seemed to work for you, directly in the template.

Try out 0.16. If that doesn’t work for you, I have one more angle of attack I can try.

Cool, at least we can rule that out, so what I changed is that I’m now using an external JavaScript file now to interface with stripe.js which is a requirement.

The reason being some users seem to have a plugin which strips the js from the template.

If you cannot give me a URL, I only need to see your checkout form to debug, can you do we a favor and see if a request is being made for a striper.js on your checkout form?

Most likely the problem is that for some reason that file is not being delivered correctly or something along those lines.

What I may have to do is something tricky where I add js to the template and the external file to try and accommodate everyone.

So yea if you know how to use the chrome debugger and can look at the network section to see if that file is being requested that would be awesome in helping me try to debug.

Or if you know any reason why static resources I.e. JavaScript might have a hard time loading in your setup.

Ha!, You drive a hard bargain, 3 stars for a generally good review.

Cheers,

Sean

Haven’t heard anything back here, any the original thread I don’t believe is an issue, so marking as resolved. Please post another for any additional issues.

Hey BL,

So as promised I built a version where I moved the javascript into it’s own file.

Upgrade WooCommerce to the latest version and upgrade my plugin to v0.15 and see how that works for you.

Cheers,

Sean

Hey John,

Did you by chance update your woocommerce? I updated the plugin to 0.15 to fix an issue I noticed with the new version. I don’t think the changes I made were breaking.

Anyway I was happy be able to reproduce so see if the fix works for you when you update.

Cheers,
Sean

Hey John can you possibly get me a URL where you have 0.14 installed?

I changed out the system to use an external JavaScript file its a better setup, but I need to see what you issue is. Are you by chance making the orders from the backend or the frontend?

If I can’t figure it out tonight I’ll revert the changes.

Hey John & Ruess,

I fixed the capture bug in 0.14, I think I’m getting to close to releasing 1.0, hopefully.

I also moved the javascript to a separate file to make things cleaner, you both seem like competent users so if you both wouldn’t mind testing as well, and giving me a thumbs up, that would be very much appreciated, and give me a higher level of confidence.

Cheers,

Sean

Hey bl (Brodie) perhaps?

So on your checkout page, I don’t know if another plugin stripped it or you adjusted the source files of my plugin, but there is a javascript block that needs to go in there, or else it won’t work, it is in ‘striper/templates/payment.php’

Starts like this.

<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script type="text/javascript">

 var initStriper = function(){
    jQuery(function($) {

    var $form = $('form.checkout,form#order_review');

Basically to the end of the file.
You can add that to another javascript and that would work too.

I can explore adding that to an external javascript file as well for the next version.

Cheers,

Sean

Hey bl168208,

Do you have a url I can test, I’ve found these are usually a Javascript error, and I can easily take them out if I can see a test url.

Cheers,

Sean

rsignhal2000,

That sounds like a great idea, I’ll do some testing, most likely I’ll just take it out.

Thanks for bringing it to my attention.

Cheers,

Sean

MegaZ,

I always do test it, and I’m not seeing your issue. I always keep the most current version on my blog. v0.12 Currently

I’ve enabled testing mode, so if you want to test it and see why it is working on mine and not yours, feel free.

Otherwise if you have a url I can test, I will check it out and see if I can deduce what your problem is.

Cheers,

Sean

Hey Guys,

Sorry about that. You are right, submitting to stripe using stripe.js is a two-step process. And I accidentally disabled other in Javascript whilst doing the step two.

Fix is in for 0.12.

Cheers,

Sean