Magento 1.9 – Moving Header Top Links Position

ce-1.9.2.2headermagento-1.9toplinks

I am trying to change the position of top links. I want to move top.menu before top.links.
In my page.xml following code is given:

            <block type="page/html_header" name="header" as="header">
                <block type="page/template_links" name="top.links" as="topLinks"/>
                <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
                <block type="core/text_list" name="top.menu" as="topMenu" translate="label">
                    <label>Navigation Bar</label>
                    <block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"/>
                </block>
                <block type="page/html_welcome" name="welcome" as="welcome"/>
            </block>

And I have changed it as following to move top.menu above:

            <block type="page/html_header" name="header" as="header">
                <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
                <block type="core/text_list" name="top.menu" as="topMenu" translate="label">
                    <label>Navigation Bar</label>
                    <block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"/>
                </block>
                <block type="page/template_links" name="top.links" as="topLinks"/>
                <block type="page/html_welcome" name="welcome" as="welcome"/>
            </block>

Best Answer

These are child block of header so you you have to change it in app/design/frontend/namespace/theme/template/page/html/header.php change position of this child block <?php echo $this->getChildHtml('topMenu') ?> move before <?php echo $this->getChildHtml('topLinks') ?>

Related Solutions

Magento – Change position of Cart Link in Top Links

The position is hardcoded in /app/code/core/Mage/Checkout/Block/Links.php:

$parentBlock->addLink($text, 'checkout/cart', $text, true, array(), 50, null, 'class="top-link-cart"');

The cart is pos 50 and the checkout link is pos 60. So maybe the easiest way is to position all top.links below 50. But to place just the cart link at the end you would have to rewrite the addCartLink() method.

Magento – Editing header links in Magento 2

You can change css_class class "header links" by following

In default theme you can change or if you have specific theme you change there.

/vendor/magento/theme-frontend-luma/Magento_Theme/layout/default.xml

<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>

If you want to add extra links ( Taken from customer module ). you can use below code in you layout by your block classes

<referenceBlock name="top.links">
    <block class="Magento\Customer\Block\Account\Link" name="my-account-link">
        <arguments>
            <argument name="label" xsi:type="string" translate="true">My Account</argument>
        </arguments>
    </block>
    <block class="Magento\Customer\Block\Account\RegisterLink" name="register-link">
        <arguments>
            <argument name="label" xsi:type="string" translate="true">Create an Account</argument>
        </arguments>
    </block>
    <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link"
           template="account/link/authorization.phtml"/>
</referenceBlock>

Need to create block for href=""

/vendor/magento/module-customer/Block/Account/Link.php

public function getHref()
{
    return "http://example.com/";
}

You can add html by the referencing <referenceContainer name="header.panel">

I have added code from core modules for reference. recommended to override by creating new module.

Hope this helps.

Best Answer

Related Solutions

Magento – Change position of Cart Link in Top Links

Magento – Editing header links in Magento 2

Related Topic