This results in the following structure on the cart page:
< body>
< article>
< div class=“woocommerce”>
< section class=“brxe-section”>
< div class=“brxe-container”>CART ELEMENTS GO HERE
</ section>
</ div>
</ article>
</ body>
This does not match the default structure on other pages: < body> < main> < section class="brxe-section"> < div class="brxe-container"></div> < /section> < /main> < /body>
Consequently, css targeting elements based on the default structure, do not match.
class is missing
Additional with class ‘woocommerce’ is wrapping the page content
Structure differs from default page structure
Am I doing something wrong or is this the expected structure of the cart page?
Please check if the cart page is rendered with Bricks instead of WordPress (you can see that in the WP Admin Bar). If so, the main tag should be there – if the page is rendered with WordPress, it’s the expected result.
What I did notice is that, if I do not add an element to the shop page, the Bricks template for the shop page is not rendered. Instead, some default WooCommerce shop template is shown.
These are the steps:
Create an empty ‘Shop’ page.
Set it as the WooCommerce shop page
Create a shop-template in Bricks Builder and apply it to the products archive and the single Shop page you just created
View the ‘Shop’ page ==> some default WooCommerce shop template is shown.
Using the Bricks Builder editor: add an empty div element to the page and save it
View the ‘Shop’ page ==> the previously created shop-template is shown
No big issue, as adding the div will show the template, just unexpected that the template is not applied to an empty shop page.
