Feedback on page: /guides/v2.3/frontend-dev-guide/layouts/layout-create.html #7219
Description
General issue
Description:
The code sample for creating a 3-cloumn double footer layout is incomplete because it declares an empty container for the footer content which needs to be designed.
According to the description for containers:
If the is empty, and there is no child available, it will not be displayed in the frontend source code.
Possible solutions:
Complete the code sample so that after a user adds the code and refreshes the page, the double footer displays as expected.
Add some blocks of data to the empty footer container in the current example. Note that according to the description for blocks, the “name” element “must be unique per generated page”, otherwise it may not be displayed.
Additional information:
Sample code to use to update the example:
app/design/frontend///Magento_Theme/page_layout/3-columns-double-footer.xml
<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
<update handle="3columns"/>
<referenceContainer name="page.wrapper">
<container name="footer-bottom" after="-" label="Footer Bottom" htmlTag="footer" htmlClass="page-footer-bottom">
<container name="footer-content-two" label="Page Footer" htmlTag="div" htmlClass="footer content">
<block class="Magento\Framework\View\Element\Html\Links" name="footer_links-two">
<block class="Magento\Framework\View\Element\Html\Link\Current" ifconfig="contact/contact/enabled" name="contact-us-link-two">
<arguments>
<argument name="label" xsi:type="string" translate="true">Contact Us</argument>
<argument name="path" xsi:type="string">contact</argument>
</arguments>
</block>
<arguments>
<argument name="css_class" xsi:type="string">footer links</argument>
</arguments>
</block>
</container>
</container>
<block class="Magento\Theme\Block\Html\Footer" name="copyright_two" template="Magento_Theme::html/copyright.phtml"/>
</referenceContainer>
</layout>