Magento Themes and Magento Extensions

Create a menu from CMS pages in Magento

Share
Posted on November 19th, 2012 | Posted by admin

Use the following code to create a menu using CMS pages in Magento. I have used this code in footer.phtml to add a menu of links. With some css it really turns out nice.

Add to this if statement to exclude CMS pages from the list:

if($data[‘identifier’]==’no-route’)
continue;

Modify the code like this to exclude a page with an id of about-us:

if($data[‘identifier’]==’no-route’ || $data[‘identifier’]==’about-us’)
continue;

Here is the code:

jqzoom over menu in Magento

Share
Posted on October 15th, 2012 | Posted by admin

Quick an easy fix for jqzoom appearing over menu items in magento, can also be used for any type of site.

Navigate to:

skin/frontend/default/your_theme/css/boxes.css

add to an existing header item or create a seperate one e.g.

.header { z-index:1001; }

just make sure the header item has a z-index of 1000 or more.

Adding Links to Magento Menu Bar

Share
Posted on August 29th, 2012 | Posted by admin

Adding Links to Magento Menu Bar

look for the top.phtml corresponding to your menu.

You can find the top.phtml files using SSH shell with this command.

Come to the app/ folder
find -name top.phtml

./design/frontend/default/iphone/template/catalog/navigation/top.phtml
./design/frontend/default/default/template/catalog/navigation/top.phtml
./design/frontend/default/blank/template/catalog/navigation/top.phtml
./design/frontend/default/modern/template/catalog/navigation/top.phtml

From above you should be able to locate your themes top.phtml

now edit the top.phtml

Magento Menu Customization with Product List

Share
Posted on August 29th, 2012 | Posted by admin

Magento Menu Customization with Product List

Root Category → Category → Sub-Category

We will customise the menu to show the Products of a category/su-bcategory along with its hierarchy in dropdown menu as seen below.

Magento Menu Customization with Product List

This is a good feature if you have less products in a website.

In order to implement the above structure, we need to modify the navigation.php file of drawItem() function like below. The navigation.php is available in the following location,

app/code/core/Mage/Catalog/Block/Navigation.php

The code is

01.<code>Public function drawItem($category, $level=0, $last=false){
02.$html = '';
03.if (!$category->getIsActive()) {
04.return $html;