How to create custom WooCommerce Cart and Checkout pages?

Support
#1

Hi,
I want to know how to customize the WooCommerce pages /cart and /checkout
Can we use Pro for this?
Thanks!

1 Like
WooCommerce Checkout page broken
#2

Hello @Emile,

Thanks for writing in! The WooCommerce Cart and Checkout pages are dynamically generated by WooCommerce. You may not be able to edit the contents on those pages in the Pro Editor. Kindly check out the WooCommerce documentation first:

Cheers.

#3

Hi @ruenel,
Thanks for your answer. I was hoping that there’s a way to do it in Pro.
Let’s hope this comes in a future release!
Best regards,
Émile

1 Like
#4

Hi Emile,

In the next release (available tomorrow at the earliest) you will be able to create a Layout in Pro and assign it to the cart or checkout pages. The process would look like this:

  • Create a new Layouts and select WC Single
  • Click “Use Template” and choose cart of checkout as an example
  • Use the Preview manager to switch the live preview so it is previewing the context you want (Cart or Checkout)
  • Under the Settings, use the Assignment control to assign your layout to the right context

This will let you control the layout around your cart or checkout. Regretfully there isn’t a way to customize or change the design of the actual cart or checkout from within the builders. It also assumes the pages are still setup the way WooCommerce does by default which is a blank page with the [woocommerce_checkout] shortcode inside.

Hopefully this is more what you had in mind! You can’t do it in the current version, but the functionality is already built for the next release.

1 Like
#5

Hi @alexander,

Thanks for your reply. This is really great, I’m looking forward to it.
Pro 4 is a game changer. Keep it up!!!

#6

HI @emile,

You’re welcome. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.