SOLVED: Woocommerce checkout template is broken

Bugs
1

Bricks Version: 1.5.4
Browser: Chromium 106.0
OS: macOS
Woocommerce: 6.9.4
URL : Add a product in the cart then go to checkout(you can use this product)

Hi !

I’m facing some issues with the checkout page template. I created a simple 2 column layout as shown (checkout customer details + order review).

When I test the page, there are some issues:

  • Checkout button is dead
  • Changing the payment method does nothing
  • “Ship to different address” checkbox does nothing (section is always opened)

I also tried with all plugins disabled, but it’s the same…

Did I miss something or is it a known issue?

Greetings,

Quentin

1 Like
2

Hi Quentin,
Thanks a lot for your report!

I cannot reproduce the problem. In my test installation, the checkout process works as it should. From the outside, it looks like a plugin conflict :thinking:

The easiest way will be if you send us temporary credentials and a link to this thread to help@bricksbuilder.io.

Best regards,
timmse

3

Just sent the credentials !

Hope we’ll find a solution :slight_smile:

Greetings,

Quentin

4

After a some investigations and further testing, i figured out the root cause of the problem… And as almost always it’s the end user… so its’ me xD

In fact, i was doing this :

  • I created the checkout template (via bricks templates).
  • Then i created a new page, which will be used as the front end checkout page.
  • Then i edit this page and i added the template shortcode ([bricks_template id=“xxxxx”]) inside it to display my own checkout design.

If you do that, it will display a nearly normal checkout page but not functional (dead buttons, etc)

The good way it to use the woocommerce shortcode : [woocommerce_checkout]

Now it’s working correctly !

So, perhaps it will help anyone in the future :slight_smile:

Greetings,

Quentin

2 Likes
5

I am experiencing some issues too. Taxes cannot be placed in a separated row. Hope they will fix it … :scream:

6

@QuentinW Unfortunately, I have not yet had a chance to look into the problem, but I’m glad you’ve solved it :slight_smile:

@rjaureg Your problem sounds like a completely different issue. Please create a new report and provide as much information as needed.

1 Like
7

@timmse why is it that you can modify the table header and footer in the WC-Pay template, but you can not do it in the WC-Checkout template? The alignment of the table typography also does not work.

Also the dropdowns for the states/countries do not appear to be customizable (color and highlight when hovering).

Am I missing something or have these things been overlooked?

8

Hi @Creek ,
Welcome to the forum!

Since this report is a very old version, please create a new one. Screenshots or a screencast(s) + a live link would be great so that I can see and reproduce the problems, if necessary.

Thank you!

9

Just found this solution. Thank you so much…I was pulling my hair out in frustration.

So, to reiterate: whatever you do, only load in the specific woocommerce shortcodes [woocommerce_checkout], [woocommerce_cart] etc. in your page

@timmse Something about this doesn’t feel intuitive or error-proof. What do you think?

10

That’s the way it currently works and how it’s documented:

11

Ah. Mea culpa. Should have RTFM :smiley: