Custom layout for checkout – notice under the header
-
Dear support, I’ve created a checkout form template in layouts as I need to customize the checkout for the client. The issue is that all the notice of woocommerce (for example the mandatory fields not filled) appears on the top of the page, below the header. I’ve tried adding margin or padding in the section but it doesn’t work.
I see this issue with all the layouts, even starting from the suggested templates.
Also, I cannot see the “promo code” and “login” as they are below the header as well instead of inside the main container.
Thank you very much!
Login details and screenshot attached.
Attachments:
You must be
logged in to view attached files.
Hello,
Please edit your Checkout Layout and add the WooCommerce Notices widget in the section where you want the messages to appear. You can position it anywhere within the layout as needed.
For the login form and coupon form to display correctly, you’ll need to create a new Layout with the Checkout Top Content condition and add the Coupon Form and Login Form widgets inside that layout.
This will ensure all elements appear in the correct position within the checkout page.
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
Best Regards,
.
