Support » Plugin: WooCommerce » Duplicating buttons at checkout

  • Resolved FadingMusic

    (@fadingmusic)


    Hello,

    The checkout page of our webshop at work duplicates buttons when I click on “Ship to another adres” or when I select a shipping option and progres to the next step. Basically any checkbox or radio button will do.

    I’m sure it has something to do with our theme’s template files, but I can’t quite figure it out. Our theme is no longer supported.

    Can someone please help us solve this problem?

    https://hairwebshop.nl

    https://wordpress.org/plugins/woocommerce/

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hi
    Could you paste your theme file code in paste-bin, or codepen, and also link your website so it makes easy to debug and see the problem.
    Thanks
    Robin

    Hello, cinghaman!

    This is the link to our webshop. To replicate the problem, just add something to the cart and proceed to checkout. (There’s a language menu item in the top nav if you’re having trouble reading the language)

    On the checkout page, just click on any checkbox or radio button and proceed to the next step, there you will see that buttons are duplicated. If you go back and click on another checkbox or radio button and go to the next step once more, you will see that the buttons are again duplicating.

    URL: https://hairwebshop.nl

    The theme uses many template files, but I will post those that are currently in use in the checkout page.

    form-checkout.php > http://pastebin.com/9WhpmruG

    review-order.php > http://pastebin.com/TRp0Snte

    payment.php > http://pastebin.com/k9AzzLFw

    form-coupon.php > http://pastebin.com/2PkXKyts

    form-login.php > http://pastebin.com/6Jx9HsB7

    Hi
    Ok so far what i can see is that most likely the issue is being caused because of javascript. as you jQuery is on latest version but jQuery Migrate is older (which used lot of depreciated code).
    Secondly slider.min.js, file also gives issue as it is not used for all pages, try to enqueue it only for the page/template where it is needed.
    Once you take care of these issues, it should work back properly.
    check this post how to add the updated jQuery migrate
    Link to github post

    Thank you kindly for your quick response.
    I will try your solution first thing in the morning and report back!

    I have to say that the template files are horribly outdated as well, I’ve only managed to fix certain and absolutely necessary functionalities.

    I’m using the lastest jQuery Migrate, but still it shows warnings,

    jQuery Migrate – v1.3.0 – 2016-01-13

    I’ve disabled the theme’s checkout progres, as it is a live site after all.
    I really suspect it has something to do with the theme files instead.

    Than will really need to dig deep and troubleshoot whats causing it, i still feel it will be some js issue, or some plugin conflict but hard to say just from viewing the site.

    Can u install it on your local and try to disable all plugins and see how it goes.

    I’ve fixed all JS related errors 🙂
    You might want to refresh the page (ctrl + F5)

    perfect, what was the root cause?

    I’ve updated some of the older WooCommerce template file that were included in the theme and I’ve disable the theme’s priceslider (which was useless to begin with anyway)

    However, it did not solve the problem, it still infinitely duplicates buttons when I click on a checkbox or radio button on checkout.

    chinghaman,

    My boss came to me in a panic because there was made an order from abroad. I saw that it was your name, probably for testing. Haha 😉

    WooCommerce should only take orders from the Netherlands, belgium and then united states, how did you manage to do a test order?

    Thanks

    I left the country as NL 🙂

    Ah, that makes sense 😉

    I want to inform you that I’ve deceided to delete the following template files:

    review-order.php
    form-checkout.php
    payment.php

    It now uses the default layout, but it solves our problem.
    Thank you for all your help, I appreciate it.

    great 🙂
    cheers, things worked out for u

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Duplicating buttons at checkout’ is closed to new replies.