asked on

extend magento 2 so that header can have additional images as links - luma theme.

I am used to m1. Attempting to recreate an existing site. Would like to add images as links to the header under the search box. Modifying luma template/theme.

Thanks

Jackie Man

The simple answer is NO.

If you have choosen to modify the layout, you need to create a new theme on your own as your change will be overwritten by the new version of the default files during upgrades.

Source: http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/themes/theme-general.html

dmcmillin

ASKER

Already did. It's based upon the luma theme. Might you answer my question though? So far, I have tried doing it within default.xml as follows.

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="header.panel">
            <block class="Magento\Framework\View\Element\Html\Links" name="header.links">
                <arguments>
                    <argument name="css_class" xsi:type="string">header links</argument>
                </arguments>
            </block>
        </referenceContainer>
<referenceBlock name="socialimg1">
    <block class="Magento\Cms\Block\Block" name="socialimg">
        <arguments>
          <argument name="block_id" xsi:type="string">socialimg</argument>
        </arguments>
    </block>
</referenceBlock>
        <referenceBlock name="logo">
            <arguments>
                <argument name="logo_img_width" xsi:type="number">148</argument>
                <argument name="logo_img_height" xsi:type="number">43</argument>
            </arguments>
        </referenceBlock>
        <referenceContainer name="footer">
            <block class="Magento\Store\Block\Switcher" name="store_switcher" as="store_switcher" after="footer_links" template="switch/stores.phtml"/>
        </referenceContainer>
        <referenceBlock name="report.bugs" remove="true"/>
        <move element="copyright" destination="before.body.end"/>
    </body>
</page>

Open in new window

and that doesn't work.

ASKER CERTIFIED SOLUTION

dmcmillin

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

dmcmillin

ASKER

No one knew solution and I figured it out