Beta: Wrong Header on WooCommerce Checkout, plus Customizations are off

Hi!

I have installed Beta 3 to a staging site with a WooCommerce Web shop. I do have a Child theme, but the issue is the same if the main theme is activated as well:

  1. The Checkout page had its own Header assigned. After upgrading to Beta, the Homepage header is assigned to the checkout instead its originally assigned header.

  2. I have customizations in place for the Checkout page. It is placed inside the Global CSS. With Beta, it stopped working.

Here is a part of it:

body.woocommerce-checkout .entry-content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 3em;
    padding-top:1em;
}

Thanks!

At the moment there seem to be a lot of issues with the layout builder and WooCommerce. It was the main thing I wanted to test but gave up early on because it didn’t really seem possible to build a full product page with the builder as it is. I know this isn’t your issue but from my testing and feedback it seems like we need to wait for the archive builder.

I’m hoping once they merge the archive builder in that the Woo stuff comes together and makes sense.

1 Like

@urchindesign, I understand. However, this issue is not related to the Layout builder. There was no custom layout built. The issue here is that the old WooCommerce header assignment and customizations did not translated to beta. I think this part should work normally just like before no matter if we decide to use the Layout builder or not. :slight_smile:

The first round of the archive builder beta will not solve all WooCommerce concerns. We have specifically earmarked time during the beta to round out a few things ahead of the official release as we wanted to get feedback on Woo before finalizing. Keep that in mind when it’s merged this week. We’re looking forward to that conversation with everyone.

1 Like

For sure. This is why I did mention that it wasn’t your issue. Just thought I would mention it anyway. Been super busy this side so haven’t really had much time for proper testing and the turn arounds on my current sites haven’t allowed me to start building them with the beta’s.

Really looking forward to the archive release…

1 Like

OK cool. Don’t want to hijack the thread. Really looking forward to the merge and some conversations around WooCommerce.

1 Like

The Checkout page had its own Header assigned. After upgrading to Beta, the Homepage header is assigned to the checkout instead its originally assigned header.

Thanks! Sounds like a regression in moving from the old rule system to the new one. Will try to reproduce and correct this.

I have customizations in place for the Checkout page. It is placed inside the Global CSS. With Beta, it stopped working.

Would you happen to be able to share the URL (perhaps in a secure note)? I tried out this code myself and it seems to work (centers the main checkout area). Maybe there’s something else going on.