Woocommerce Checkout in PRO

Support
#1

Trying to use [woocommerce_checkout] in a PRO page element and it breaks the page seemingly everytime. It works fine in the standard WordPress content but as soon as I put it into the page builder as an element the page won’t load. I have the Products & Cart styled up exactly how I want them using the new PRO V4 layouts… would live to be able to apply the styling to the Checkout Page as well. Is this something that’s on the radar to fix? If so is there a timeline?

#2

Hi @SCOMAC,

Thanks for reaching out. I’ve checked on this and it looks like Pro was missing assignment rules for Cart and Checkout. I’ve added them for the next release. Once that is available, the process will look like this:

  • All WooCommerce to manage your Cart, Checkout, and Account pages. This means the Checkout page itself should not be built in Pro but simply contain the [woocommerce_checkout]shortcode
  • Create a new WooCommerce Single Layout
  • Click “Use Template” and select Checkout
  • In the bar, click the preview manager and select the Checkout for previewing
  • Under Settings, use the Assignments control to assign this layout to the Checkout context

You’ll see that we just use a The Content element somewhere within the Layout to tell WooCommerce where to output the Checkout area itself.

I’m sorry it’s not immediately available, but hopefully this helps when the release it out. You should see it available within the next 24-48 hours.

#3

Okay! this is so great to know that you can actually insert the woocommerce links waow! : https://prnt.sc/yctlej

#4

Glad to hear it helped you, Matt!

#5

Has this update been released? I don’t see the checkout option when I click “Use Template”checkout . All plugins and themeses are updated.

#6

Hi @SCOMAC,

To create a custom checkout, you need to assign the type to WC Single.

image

Then select the use template then and click the checkout. The next thing you should do is assign the layout to checkout by going to settings and set the assignment.

image

And you are now free to customize your checkout page.

Hope that helps.

Thank you.

#7

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