Woocommerce checkout login form goes above the hero section

How To
1

Browser: Chromium 118 / Firefox 119
OS: Linux
URL: Screenshot by Lightshot and Screenshot by Lightshot

Hi,

I don’t know if it’s a bug, but, I want to place the woocommerce notification between the hero banner and the cart page content (like the second screenshot).

But When I’m trying to use the website in anonymous mode,Notifications are placed above the Hero section…

Did I make a mistake somewhere?

I have read this topic : SOLVED: Woocommerce Notice element not working on Checkout Template - #9 by jolia

But, I didn’t find a answer…

Thanks in advance :slight_smile:

2

I created a workaround using this video :

3

Hi @Sebastien ,

For your information, Bricks checkout template or cart template will be outputted via woocommerce shortcode [woocommerce_checkout] or [woocommerce_cart]

The correct way to achieve what you want should be:

  1. Edit your Checkout Page with Bricks, place your page header section inside this Checkout Page.
  2. Add shortcode element and use [woocommerce_checkout]
  3. Inside your existing Checkout template, remove those page header.

Visual:

image
image1216×477 36 KB

Regards,
Jenn

4

Hi @itchycode ,

Okay, I understand better now !

I should create a checkout page and a checkout template…

In my checkout template, I have to add everything except the hero section.
In the checkout page, I have to add the hero section and the shortcode to call the woocommerce checkout … I’m right ?

1 Like
5

Yes, absolutely right :slight_smile:

1 Like
6

I think this is a rather unfortunate solution from Bricks. You can integrate the login form via popup, but the shopping cart is not transferred, instead the user’s last shopping cart is displayed. This means that the user has to delete all products and add them again.

I hope there is a better integration, unless I have missed something?