NO BUG: WooCommerce My Account section gets <article> markup and fixed width

Hi There,

  • Bricks 1.10.3
  • No framework
  • WooCommerce My Account page

To reproduce:

  1. Set the My Account page with shortcode [woocommerce_my_account]

image

  1. Create my accoun template in Bricks and set conditionals

  1. Place a section + container in the template without any styling

image

As you can see below the Bricks template is taking over the my account page as expected but the HTML markup shows which get a static “width: px” resulting in empty sidebars.

instead of the expected HTML markup normal sections have etc.

image

So, without overruling the section css on %root% level it’s not possible here to get the section at 100% width.

Jasper

Hi Jasper,
Thanks so much for your report!

Looks like your account page is currently rendered with WordPress instead of Bricks.
Please change it to “Render with Bricks”.

Best,
timmse

Hi Timmse,

Ah, understood.
So I created a template and set that to show in the account area, with the conditions applied; but that is not the right way:

image

But actually for all WooCommerce related pages (like my account) you actually need to “edit with Bricks” page itself. Isn’t your mentioned way (edit with Bricks in the page) not a bit confusing as the documentation says that a template will “automatically takes over the page”

Jasper

Well, the template applies automatically, if the page itself is rendered with Bricks. If its rendered with WordPress, it uses the Gutenberg markup without any relation to Bricks.

The only thing you have to do here is to open the my account page in the frontend and click on ‘Render with Bricks’ at the top of the WP Admin bar. If you now re-visit the page on the frontend, it should show as expected and therefore, the problem should be solved.

The only page that must be edited with Bricks directly is the WooCommerce My Account page (as I already said in our email conversation), since this page needs the “Account - Page” element, in which the Account templates are rendered: WooCommerce Account Builder – Bricks Academy

The Cart and Checkout page need the cart/checkout shortcode within Gutenberg, see:

Totally clear! Thanks!