checkout page is showing up blank

When you click on our store, it is difficult to get a product into the cart. But it can be done. Once in the cart though, if you go to checkout, the checkout page is completely blank. We cannot process anything at all.

  • Predrag Dubajic

    Hey @Karla,

    Hope you're doing well today :slight_smile:

    I had a look at your site and it looks like this is happening only when adding products directly from all products page, when I went to single product it's added to cart normally.

    Would you mind allowing support access so we can have a closer look at this?
    To enable support access you can follow this guide here:
    https://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Best regards,
    Predrag

  • Adam Czajczyk

    Hello Karla,

    Thanks for granting access.

    I've visited your site and noticed that the "Checkout" page didn't include "[mp_checkout]" shortcode. This is obligatory and usually the shortcode is being added into page content upon plugin's installation/setup. However, you're using another "e-commerce" plugin called WP Checkout which is set to use that very same checkout page. Most likely this is the reason for "shortcode issue".

    I've added that shortcode to checkout page for you. I'd suggest also either disabling WP Checkout plugin (if you're not using it) or creating a separate "checkout" page for it and setting it in plugins settings.

    That said, that's just a basic troubleshooting and the reason for the main issue is most likely caused by JS conflicts. I've noticed that there are two different versions of jQuery library loaded by your theme.

    First one is "hard-coded" into theme's header.php file and it should be removed from there. To remove it, please go to your dashboard's

    "Appearance -> Edit" page and then

    - select "Theme header" from the list
    - search for this line:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    - remove it and save file.

    Usually I wouldn't advise editing theme files that way but I'm pretty sure that this line is not a "native" theme code and was added there for some reason.

    Once this is done, it'd be worth checking if it fixed the issue. If not, then you'll want to make sure that the theme is loading up-to-date version of jQuery library (for now it's using by default 1.11.3) version which is outdated.

    The simplest way to do this would be to use one of these plugins:

    <a target="_blank" href="https://wordpress.org/plugins/jquery-updater/
    ">https://wordpress.org/plugins/jquery-updater/

    <a target="_blank" href="https://pl.wordpress.org/plugins/wp-jquery-plus/
    ">https://pl.wordpress.org/plugins/wp-jquery-plus/

    Let me know if it worked for you please!

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.