Checkout Page Change Layout

Hi there @jerrymayalor555,

Thanks for reaching out.

If yes, can anyone suggest how I can achieve it? Do I need to use a plugin?

Yes, it is possible to change your current checkout page layout to match the one you’ve shared. This can be achieved by customizing your WooCommerce theme. You may need to modify some HTML, CSS, and possibly PHP files in your theme.

Alternatively, you might find it easier to use a plugin. There are several plugins available that can help you customize your checkout page, such as WooCommerce Checkout Manager, or Checkout Field Editor.

You can also find different guides on how to edit the checkout page here and here.

Let us know if you need further assistance!

Hi ckadenge?,

Actually, I’m referring to the 2 column layout and not the checkout fields.
Thanks

Hi @jerrymayalor555,

It looks like you or your theme customized the checkout page template or installed a plugin to modify it. This is because WooCommerce typically shows the checkout content in two columns by default.

However, if you want to make your checkout page as shown in the screenshots, you might need to use an additional plugin like Multi-Step Checkout for WooCommerce or WooCommerce MultiStep Checkout Wizard.

I hope this clarifies your concern. If you have any other questions, feel free to ask.

Hi Jerry. It appears that everything you are trying to do can be done with some filters (or a template override) and CSS. You could either manipulate the checkout page template or use hooks to move the items around the page (at least get them in the correct order), then you could use CSS to get the page to layout in two columns. It would take some work, but you would then have complete control over the page vs. being limited by some plugin.

I would start with woocommerce – templates – checkout – form-checkout.php

Hi @jerrymayalor555,

I’m marking this topic as “resolved” due to recent inactivity. If more assistance is needed, feel free to post back here or open a new topic.

Thanks!

Thanks everyone for the help.