[Resolved] WooCommerce Checkout Page formatting

[David]

Some pages shouldn’t be edited by Elementor, such as the Checkout page, and maybe thats where the issue has come from.
You can try deleting the Checkout Page and then get Woocommerce to regenerate it, in Woocommerce > Status > Tools >> Create Pages.

[Tim]

I just tried this.

Now the checkout page has gone completely and loops back to the shop page. I’m not sure how to get it back to how it was before. At least before there was a checkout page.

Thanks for your help with this David. I think we are getting close to the source of the problem.

Cheers, Tim

[David]

So did the Create Pages button generate the new Checkout page?
If so go to Woocommrce > Settings > Advanced – and make sure that the Checkout Page has been set.

If it is then you should see in your Pages: Checkout — Checkout Page

[Tim]

Hi David,

That seems to have worked. The card boxes have appeared and also the second address has gone. The card icons are a sensible size without the CSS you provided earlier.

I adjusted the container as you suggested above but the new checkout page is not conforming to this and is all squashed up in a narrow column. I could live with this as its all working now at least, but it would be good to give it more space if possible.

Thanks you so much for your help with this. Home stretch!

Cheers, Tim

[David]

Thats great!
Go to Customizer > Layout > Woommerce and at the very end check the: Distraction Free Checkout. This will remove the empty sidebar on the page thats causing it to be squeezed into a narrower container.

[Tim]

Brilliant. I was close but hadn’t got down to that yet.

Thank you so much for your help with this David.

I’ll mark this as resolved

[David]

Glad to be of help!

[Author]

Posts