Magento – Add active class to CMS page links in Top menu (static block links)

magento-1.9static-blocktopmenu

In this Topmenu i have a custom home-link and some other CMS-links i insert through a Static Block.

How can i give those CMS-page menu items an active class?

— Update 1 —

I found this answer, but i can't get it to work?

I adjust app\design\frontend\mypackage\mytheme\template\page\html\topmenu.phtml like this:

<?php $_menu = $this->getHtml('level-top') ?>

<?php if($_menu): ?>
    <nav id="nav">
        <ol class="nav-primary">
            <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('home-link')->toHtml(); ?>
            <?php echo $_menu ?>
            <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('main-cms-links')->toHtml(); ?>
        </ol>
    </nav>

    <script>
        var currentPageId = '';
        <?php if (Mage::getSingleton('cms/page')): ?>
        currentPageId = '<?php echo Mage::getSingleton('cms/page')->getIdentifier(); ?>'
        <?php endif; ?>
        if (jQuery('#'+currentPageId).is('li')) {
           jQuery('#'+currentPageId).addClass('active');
        }
    </script>

<?php endif ?>

Best Answer

the best way would be to add some logic to the navigation to handle your additonal links.

However, easiest way would be to just give the links unique classes or ids and then activate them based on the body class:

body.cms-page-view.cms-about .about-us-button {color:red;}

body.cms-index-index.cms-home .introduction-button {color:red;}

Related Solutions

Magento CMS – Add Static Block to Home Page

I may be totally wrong, but you can call it like this

{{block type="cms/block" block_id="home_image-center"}}

in cms -> homepage-> content : in that click show/hideeditor past above code it's work

Magento – Add static block in specific CMS page

To add static blocks through Layout Update XML in CMS Pages use something like this code

<reference name="right">
    <block type="cms/block" name="your.1st.block.name" before="-">
        <action method="setBlockId">
            <block_id>your_1st_block_id</block_id>
        </action>
    </block>
    <block type="cms/block" name="your.2nd.block.name" after="-">
        <action method="setBlockId">
            <block_id>your_2nd_block_id</block_id>
        </action>
    </block>
</reference>

This example code will add two static blocks to the right sidebar, one at the top and one at the bottom. Of course, you will have to set your page layout to 2 columns with right sidebar in the example. If you have a 1 column layout then you could use "content" as a <reference>.

But there is another option, which may be easier for you, especially if you use the 1 colomn layout. You could also insert static blocks directly into the content area of your CMS Page with this code

{{block type="cms/block" block_id="your_block_id"}}

Best Answer

Related Solutions

Magento CMS – Add Static Block to Home Page

Magento – Add static block in specific CMS page

Related Topic