Magento 2 Customization – How to Add Custom Top Links

layoutmagento2templatetoplinks

Hello Can you help me on how to add custom top links in the header area of Magento 2,

Like this:

Best Answer

You can manage this using Static Block. In your theme default.xml you can add new static block.
File Path : Custom\tutorial\Magento_Theme\layout\default.xml

<referenceBlock name="header.panel">
<block class="Magento\Cms\Block\Block" name="header_promo_top">
    <arguments>
        <argument name="block_id" xsi:type="string">header_promo_top</argument>
    </arguments>
</block>
</referenceBlock>

Here header_promo_top is your static block that will contain your content.

Magento 2 default theme usesheader.panel Container for showing languages switcher and skip content block in Top bar. You can get more idea about this using the below file:
vendor\magento\module-theme\view\frontend\layout\default.xml

Related Solutions

Magento – Add Top Links on condition basis in magento

The second piece of code actually works but it does not display anything because there are no links attached to the block.
page/template/links.phtml starts with this:

<?php $_links = $this->getLinks(); ?>
<?php if(count($_links)>0): ?>

If there are no links there is nothing to display. You need to add links to your block. Something like this:

$block = Mage::app()->getLayout()->createBlock('page/template_links');
$title = $label = Mage::helper('customer')->__('My Account');
$url = Mage::helper('customer')->getAccountUrl();
$prepareUrl = false;
$urlParams = array();
$position = 10;
$liParams=null;
$aParams=null;
$beforeText=''; 
$afterText='';
$block->addLink($label, $url, $title, $prepareUrl, $urlParams, $position, $liParams, $aParams, $beforeText, $afterText);
//add more links here
echo $block->setTemplate('page/template/links.phtml')->toHtml();

Not all parameters are mandatory for the addLink method. I just added them here so you can see all the possibilities. For more info take a look at this method: Mage_Page_Block_Template_Links::addLink().

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.

Best Answer

Related Solutions

Magento – Add Top Links on condition basis in magento

Magento – Change position of Cart Link in Top Links

Related Topic