If I need to add a new full width section between the main element and the footer element, is there a way to declare something in the theme's default.xml that places it before or after a container?
Magento – Magento 2 – Full Width Section
layoutlayout-updatemagento2
Related Solutions
Like Quisse said it's hard to give an accurate answer without knowing the full details, but this may help:
after and before only work when the block you're moving/declaring and the block you're positioning it before/after share the same parent.
For example if you have this structure:
- Block A
- Block B
- Block C
- Block D
- Block E
If you tried to set block E after block B nothing would happen as they don't share the same parent. But if you tried to set block C to display before block B it would work.
The exception for this is when blocks are rendered via getChildHtml() in a template file, in which case you can only move it by changing the template.
Also, you need to add a hyphen if you want to display it before/after everything. after="-" and before="-"
Update
Adding
I have added a block to content.bottom and it works as expected:
<referenceContainer name="content.bottom">
<block class="Magento\Framework\View\Element\Template" name="test" template="Magento_Theme::test.phtml" />
</referenceContainer>
Moving
I've also tried moving my custom related products to content.bottom and this works fine:
<move element="catalog.product.related.tab" destination="content.bottom" after="-" />
It doesn't appear to be an XML issue, could it be a CSS issue?
You can achieve it by using CSS, So please create a fullwidth layout and set custom width to your header and footer block using CSS.
You can create custom full-width layout using following url :
https://inchoo.net/magento-2/magento-2-custom-cms-page-layout/
Best Answer
You can try
Or
You can use css for custom styles. Hope this helps.