Theme Conflict with Checkout Payment Options

Yes, I attach details for the staging site. It is password protected so there are logins for the site and the admin centre.

The staging site has all been updated to latest versions of everything including Xstore.
Live site has been rolled back to previous Theme version (but all plugins incl. WC and WC Payments) have been updated.

Thanks, Debbie

I presume you are looking at the live site? As I said, that is working fine because I used a backup from 2 days ago BEFORE I updated the Theme.

Here again is the screenshot of how the checkout looks AFTER theme update (as can be seen on the staging site that I gave you login details for – https://prnt.sc/tQB0TRLwf-ba

The second screenshot https://prnt.sc/zA4VH5kz7y_5 is broken, I can’t see it.

Yes, Swankypins.co.uk was okay, however I have just had a ‘failed order’ come through and on checking, this too is now showing the same checkout error.

All Caches are cleared yet I still see the same incorrect checkout. We also have the same problem on our other site – slightly different because no credit card boxes appear at all.

Yesterday, when i thought it was due to WC Payments plugin, we had Woocommerce support working on the problem. They also could see both sites with broken checkouts but after it worked with Storefront theme they said it was a theme problem.

I don’t know what is happening here. I’ve tried in different browsers, on mobile, all caches cleared but I’ve still got 2 sites that have broken checkouts. I am checking everything as un logged in user so i can see what site visitors see.

Are you logged in on another page though? If I am logged in on another page on the same browser I can see checkout works okay, but for a site visitor who hasn’t got an account to log in, they see a broken checkout.

I do not know how to record a video but there are two screenshots here –

1. The way it should look – https://prnt.sc/4OvB4RrRFAmT – I’ve cut the middle bit out so it’s not so long a page, but you can see the amazon button at the top and the credit card boxes. This can ONLY be seen by logged in users.
2. How customers / non-logged in users are seeing it now – https://prnt.sc/uLDduLnsRaki – the credit card boxes are not there, but there is a button + text saying ‘use new payment method’ which doesn’t do anything and should not be there.

I had a failed order just now which was ‘Paypal’. The Paypal buttons seem to have disappeared and on checking, using the Paypal option gives an error of ‘Could not retrieve order’. Basically then, i cannot take any payments at all.

I attach the FTP details here

Hi,

Last night I disabled the Siteground plugin as you suggested. I think your developers checked after i had done that which is why they saw it working.

You were right, it was the minify javascript within that plugin that was causing the problem. I have now enabled the plugin in again but disabled the minify javascript and updated the Theme on the live site and as far as I can see the checkout is working fine.

i wonder if you could just please check again the live site checkout in case I am looking at anything that may be cached. If you see it working then all is fine. I have notified Siteground as I need this plugin, it’s part of my hosting and hopefully they can work in a fix on their next update.

Thank you for all your help with this. Debbie

Siteground tech support gave me a code to put in which enabled me to enable the SG Optimizer and have all the JS minimize setttings activated. I can’t remember the code but if you contact them they will give it to you. All works fine now. Debbie

I’ve been through my support messages, so in case you didn’t get it from Siteground, this is the code you need to add to your functions.php file:
add_filter( ‘sgo_js_minify_exclude’, ‘js_minify_exclude’ );
function js_minify_exclude( $exclude_list ) {

$exclude_list[] = ‘ppcp-smart-button’;

return $exclude_list;
}

Then you can re-activate SG Optimizer and it should be okay.
Debbie