-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
1,015 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,24 @@ | ||
| # Mage Mega Menu | ||
|
|
||
| ## Menu default | ||
|  | ||
| #### Menu default | ||
|  | ||
|
|
||
| ## Menu mega | ||
|  | ||
| #### Menu mega | ||
|  | ||
|
|
||
| ##### Features: | ||
| - Display menu items by block, column | ||
| - Display image, CMS Block in Menu | ||
|
|
||
| ##### Installation and Configuration: | ||
| 1. Copy extension to webroot | ||
| 2. (Optional) Move files in layout, template, skin to your current theme | ||
| 3. Re-login dashboard | ||
| 4. Configure at System > Configuration > BLUECOM > Mega Menu | ||
| ...The screenshot | ||
|  | ||
| 5. To add image in a menu category: set image field of this category | ||
| 6. To display custom block with images or other html content in Menu Block, use the Static Block (CMS->Static Blocks section) with the ID like "mgmenu_", In Place "CategoryId" provide the ID of the category in which you want to display the block.e.g. mgmenu_28, mgmenu_100,... | ||
|
|
||
| #### Thank you | ||
| Please feel free to contact me if you need any further information |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,309 @@ | ||
| <?php | ||
| class Bc_MegaMenu_Block_Navigation extends Mage_Catalog_Block_Navigation | ||
| { | ||
| const CUSTOM_BLOCK_TEMPLATE = "mgmenu_%d"; | ||
| private $_productsCount = null; | ||
| private $_topMenu = ''; | ||
|
|
||
| public function getTopMenuArray() | ||
| { | ||
| return $this->_topMenu; | ||
| } | ||
| public function drawMegamenuItem($category, $level = 0, $last = false) | ||
| { | ||
| if (!$category->getIsActive()) return; | ||
| $htmlTop =''; | ||
| $id = $category->getId(); | ||
|
|
||
| // --- Sub Categories level 0 --- | ||
| $activeChildren = $this->_getActiveChildren($category, $level); | ||
| // --- class for active category --- | ||
| $active = ''; | ||
| $parent = ''; | ||
| if ($this->isCategoryActive($category)) $active = ' act'; | ||
| // --- Popup functions for show --- | ||
| $drawPopup = ($blockHtml || count($activeChildren)); | ||
| $parent = $drawPopup? 'parent' : ''; | ||
| $htmlTop.= '<li id="menu' . $id . '" class="menu' . $active .' '.$parent.'" >'; | ||
|
|
||
| // --- Top Menu Item --- | ||
| $htmlTop.= '<a class="level' . $level . $active . '" href="'.$this->getCategoryUrl($category).'">'; | ||
|
|
||
| $name = $this->escapeHtml($category->getName()); | ||
| if (Mage::getStoreConfig('megamenu/general/non_breaking_space')) { | ||
| $name = str_replace(' ', ' ', $name); | ||
| } | ||
| $htmlTop.= '<span>' . $name . '</span>'; | ||
| $htmlTop.= '</a>'; | ||
| /*sub menu dropdown*/ | ||
| /*get img category parent*/ | ||
| $helper = $this->helper('catalog/output'); | ||
| $categoryImage = Mage::getModel('catalog/category')->load($category->getId()); | ||
| $imgCatHtml = ''; | ||
| if ($imgUrl = $categoryImage->getImageUrl()) { | ||
| $imgCatHtml = '<li class="thumb-image-menu"> <a href="'.$this->getCategoryUrl($category).'"><img class="mega-nav-item-image" src="'.$imgUrl.'" alt="'.$this->htmlEscape($categoryImage->getName()).'" title="'.$this->htmlEscape($categoryImage->getName()).'" /></a></li>'; | ||
| $imgCatHtml = $helper->categoryAttribute($categoryImage, $imgCatHtml, 'image'); | ||
| } | ||
| /*end get img category parent*/ | ||
|
|
||
| // --- Static Block --- | ||
| $blockId = sprintf(self::CUSTOM_BLOCK_TEMPLATE, $id); // --- static block key | ||
| $collection = Mage::getModel('cms/block')->getCollection() | ||
| ->addFieldToFilter('identifier', array(array('like' => $blockId . '_w%'), array('eq' => $blockId))) | ||
| ->addFieldToFilter('is_active', 1); | ||
| $blockId = $collection->getFirstItem()->getIdentifier(); | ||
| $blockHtml = Mage::app()->getLayout()->createBlock('cms/block')->setBlockId($blockId)->toHtml(); | ||
|
|
||
| // --- Add Popup block (hidden) --- | ||
| if ($drawPopup) { | ||
| //$htmlPopup = ''; | ||
| // --- Popup function for hide --- | ||
| $htmlTop.= '<ul id="sub-menu' . $id . '" class="mg-mega-menu-popup" >'; | ||
| // --- draw Sub Categories --- | ||
|
|
||
| if (count($activeChildren)) { | ||
| $columns = (int)Mage::getStoreConfig('megamenu/columns/count'); | ||
| $htmlTop.= $this->drawColumns($activeChildren, $columns); | ||
| $htmlTop.= $imgCatHtml; | ||
| $htmlTop.= '<li class="view_all_mn"><a class="" href="'.$this->getCategoryUrl($category).'">'; | ||
| if (Mage::getStoreConfig('megamenu/general/non_breaking_space')) { | ||
| $name = str_replace(' ', ' ', $name); | ||
| } | ||
| $htmlTop.= '<span class="go-all"> View All ' . $name . '</span>'; | ||
| $htmlTop.= '<span class="go-all-icon"> >></span>'; | ||
| $htmlTop.= '</a>'; | ||
| $htmlTop.= '</li>'; | ||
| } | ||
| // --- draw Custom User Block --- | ||
| if ($blockHtml) { | ||
| $htmlTop.= '<div id="' . $blockId . '" class="block2">'; | ||
| $htmlTop.= $blockHtml; | ||
| $htmlTop.= '</div>'; | ||
| } | ||
| $htmlTop.= '</ul>'; | ||
| } | ||
| /*end sub menu drop-down*/ | ||
| $htmlTop.= '</li>'; | ||
| $this->_topMenu.= $htmlTop; | ||
|
|
||
| } | ||
| public function drawMenuItem($children, $level = 1) | ||
| { | ||
| $html = '<div class="itemMenu level' . $level . '">'; | ||
| $keyCurrent = $this->getCurrentCategory()->getId(); | ||
| $c = 1; | ||
| foreach ($children as $child) { | ||
| if (is_object($child) && $child->getIsActive()) { | ||
| // --- class for active category --- | ||
| $active = ''; | ||
| if ($this->isCategoryActive($child)) { | ||
| $active = ' actParent'; | ||
| if ($child->getId() == $keyCurrent) $active = ' act'; | ||
| } | ||
| // --- format category name --- | ||
| $name = $this->escapeHtml($child->getName()); | ||
| if (Mage::getStoreConfig('megamenu/general/non_breaking_space')) $name = str_replace(' ', ' ', $name); | ||
| if($level >1){ | ||
| $html.= '<a class="itemSubMenuName level' . $level . $active . '" href="' . $this->getCategoryUrl($child) . '"><span>' . $name . '</span></a>'; | ||
| if($c==(int)Mage::getStoreConfig('megamenu/columns/litmit_row')){ | ||
| $html.="</div>"; | ||
| $html.= '<div class="itemMenu not-first level' . $level . '">'; | ||
| } | ||
| }else{ | ||
| $html.= '<span class="sub-cats-mn"><a href="'.$this->getCategoryUrl($child).'">' . $name . '</a></span>'; | ||
| } | ||
| $activeChildren = $this->_getActiveChildren($child, $level); | ||
| if (count($activeChildren) > 0) { | ||
| $html.= '<div class="sub-cats-container">'; | ||
| $html.= $this->drawMenuItem($activeChildren, $level + 1); | ||
| $html.= '</div>'; | ||
| } | ||
| } | ||
| $c++; | ||
| } | ||
| $html.= '</div>'; | ||
| $html.= '<div class="clearBoth"></div>'; | ||
| return $html; | ||
| } | ||
| public function drawColumns($children, $columns = 1) | ||
| { | ||
| $Popwidth = Mage::getStoreConfig('megamenu/popup/width'); | ||
| $colwidth = ($Popwidth/$columns)-2; | ||
| $html = ''; | ||
| // --- explode by columns --- | ||
| if ($columns < 1) $columns = 1; | ||
| $chunks = $this->_explodeByColumns($children, $columns); | ||
| // --- draw columns --- | ||
| $lastColumnNumber = count($chunks); | ||
| $i = 1; | ||
|
|
||
| foreach ($chunks as $key => $value) { | ||
| if (!count($value)) continue; | ||
| $class = ''; | ||
| if ($i == 1) $class.= ' first'; | ||
| if ($i == $lastColumnNumber) $class.= ' last'; | ||
| if ($i % 2) $class.= ' odd'; else $class.= ' even'; | ||
| $html.= '<li class="column' . $class . '" style="width:' . $colwidth . 'px;">'; | ||
| $html.= $this->drawMenuItem($value, 1); | ||
| $html.= '</li>'; | ||
| $i++; | ||
| } | ||
| return $html; | ||
| } | ||
| protected function _getActiveChildren($parent, $level) | ||
| { | ||
| $activeChildren = array(); | ||
| // --- check level --- | ||
| $maxLevel = (int)Mage::getStoreConfig('megamenu/general/max_level'); | ||
| if ($maxLevel > 0) { | ||
| if ($level >= ($maxLevel - 1)) return $activeChildren; | ||
| } | ||
| // --- / check level --- | ||
| if (Mage::helper('catalog/category_flat')->isEnabled()) { | ||
| $children = $parent->getChildrenNodes(); | ||
| $childrenCount = count($children); | ||
| } else { | ||
| $children = $parent->getChildren(); | ||
| $childrenCount = $children->count(); | ||
| } | ||
| $hasChildren = $children && $childrenCount; | ||
| if ($hasChildren) { | ||
| foreach ($children as $child) { | ||
| if ($this->_isCategoryDisplayed($child)) { | ||
| array_push($activeChildren, $child); | ||
| } | ||
| } | ||
| } | ||
| return $activeChildren; | ||
| } | ||
| private function _isCategoryDisplayed(&$child) | ||
| { | ||
| if (!$child->getIsActive()) return false; | ||
| // === check products count === | ||
| // --- get collection info --- | ||
| if (!Mage::getStoreConfig('megamenu/general/display_empty_categories')) { | ||
| $data = $this->_getProductsCountData(); | ||
| // --- check by id --- | ||
| $id = $child->getId(); | ||
| if (!isset($data[$id]) || !$data[$id]['product_count']) return false; | ||
| } | ||
| // === / check products count === | ||
| return true; | ||
| } | ||
| private function _getProductsCountData() | ||
| { | ||
| if (is_null($this->_productsCount)) { | ||
| $collection = Mage::getModel('catalog/category')->getCollection(); | ||
| $storeId = Mage::app()->getStore()->getId(); | ||
| /* @var $collection Mage_Catalog_Model_Resource_Eav_Mysql4_Category_Collection */ | ||
| $collection->addAttributeToSelect('name') | ||
| ->addAttributeToSelect('is_active') | ||
| ->setProductStoreId($storeId) | ||
| ->setLoadProductCount(true) | ||
| ->setStoreId($storeId); | ||
| $productsCount = array(); | ||
| foreach($collection as $cat) { | ||
| $productsCount[$cat->getId()] = array( | ||
| 'name' => $cat->getName(), | ||
| 'product_count' => $cat->getProductCount(), | ||
| ); | ||
| } | ||
| $this->_productsCount = $productsCount; | ||
| } | ||
| return $this->_productsCount; | ||
| } | ||
| private function _explodeByColumns($target, $num) | ||
| { | ||
|
|
||
| if ((int)Mage::getStoreConfig('megamenu/columns/divided_horizontally')) { | ||
| $target = self::_explodeArrayByColumnsHorisontal($target, $num); | ||
| } else { | ||
| $target = self::_explodeArrayByColumnsVertical($target, $num); | ||
| } | ||
|
|
||
| return $target; // fix bug separate column not correctly | ||
|
|
||
| if ((int)Mage::getStoreConfig('megamenu/columns/integrate') && count($target)) { | ||
| // --- combine consistently numerically small column --- | ||
| // --- 1. calc length of each column --- | ||
| $max = 0; $columnsLength = array(); | ||
| foreach ($target as $key => $child) { | ||
| $count = 0; | ||
| $this->_countChild($child, 1, $count); | ||
| if ($max < $count) $max = $count; | ||
| $columnsLength[$key] = $count; | ||
| } | ||
| // --- 2. merge small columns with next --- | ||
| $xColumns = array(); $column = array(); $cnt = 0; | ||
| $xColumnsLength = array(); $k = 0; | ||
| foreach ($columnsLength as $key => $count) { | ||
| $cnt+= $count; | ||
| if ($cnt > $max && count($column)) { | ||
| $xColumns[$k] = $column; | ||
| $xColumnsLength[$k] = $cnt - $count; | ||
| $k++; $column = array(); $cnt = $count; | ||
| } | ||
| $column = array_merge($column, $target[$key]); | ||
| } | ||
| $xColumns[$k] = $column; | ||
| $xColumnsLength[$k] = $cnt - $count; | ||
| // --- 3. integrate columns of one element --- | ||
| $target = $xColumns; $xColumns = array(); $nextKey = -1; | ||
| if ($max > 1 && count($target) > 1) { | ||
| foreach($target as $key => $column) { | ||
| if ($key == $nextKey) continue; | ||
| if ($xColumnsLength[$key] == 1) { | ||
| // --- merge with next column --- | ||
| $nextKey = $key + 1; | ||
| if (isset($target[$nextKey]) && count($target[$nextKey])) { | ||
| $xColumns[] = array_merge($column, $target[$nextKey]); | ||
| continue; | ||
| } | ||
| } | ||
| $xColumns[] = $column; | ||
| } | ||
| $target = $xColumns; | ||
| } | ||
| } | ||
|
|
||
| return $target; | ||
| } | ||
| private function _countChild($children, $level, &$count) | ||
| { | ||
| foreach ($children as $child) { | ||
| if ($child->getIsActive()) { | ||
| $count++; $activeChildren = $this->_getActiveChildren($child, $level); | ||
| if (count($activeChildren) > 0) $this->_countChild($activeChildren, $level + 1, $count); | ||
| } | ||
| } | ||
| } | ||
| private static function _explodeArrayByColumnsHorisontal($list, $num) | ||
| { | ||
| if ($num <= 0) return array($list); | ||
| $partition = array(); | ||
| $partition = array_pad($partition, $num, array()); | ||
| $i = 0; | ||
| foreach ($list as $key => $value) { | ||
| $partition[$i][$key] = $value; | ||
| if (++$i == $num) $i = 0; | ||
| } | ||
|
|
||
| return $partition; | ||
| } | ||
|
|
||
| private static function _explodeArrayByColumnsVertical($list, $num) | ||
| { | ||
| if ($num <= 0) return array($list); | ||
| $listlen = count($list); | ||
| $partlen = floor($listlen / $num); | ||
| $partrem = $listlen % $num; | ||
| $partition = array(); | ||
| $mark = 0; | ||
| for ($column = 0; $column < $num; $column++) { | ||
| $incr = ($column < $partrem) ? $partlen + 1 : $partlen; | ||
| $partition[$column] = array_slice($list, $mark, $incr); | ||
| $mark += $incr; | ||
| } | ||
| return $partition; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <?php | ||
| class Bc_MegaMenu_Block_Toggle extends Mage_Core_Block_Template | ||
| { | ||
| public function _prepareLayout() | ||
| { | ||
| if (!Mage::getStoreConfig('megamenu/general/enabled')) return; | ||
| $layout = $this->getLayout(); | ||
| $topnav = $layout->getBlock('catalog.topnav'); | ||
| $head = $layout->getBlock('head'); | ||
| if (is_object($topnav) && is_object($head)) { | ||
| $topnav->setTemplate('bluecom/megamenu/top.phtml'); | ||
| $head->addItem('skin_css', 'bluecom/megamenu/css/megamenu.css'); | ||
| $head->addItem('skin_js', 'bluecom/megamenu/js/megamenu.js'); | ||
|
|
||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <?php | ||
| class Bc_MegaMenu_Helper_Data extends Mage_Core_Helper_Abstract | ||
| { | ||
| private $_menuData = null; | ||
|
|
||
| public function getMenuContent() | ||
| { | ||
| if (!is_null($this->_menuData)) return $this->_menuData; | ||
| $blockClassName = Mage::getConfig()->getBlockClassName('megamenu/navigation'); | ||
| $block = new $blockClassName(); | ||
| $categories = $block->getStoreCategories()->getNodes(); | ||
| foreach ($categories as $_category) { | ||
| $block->drawMegamenuItem($_category); | ||
| } | ||
|
|
||
| $topMenuArray = $block->getTopMenuArray(); | ||
|
|
||
| // --- Result --- | ||
| return $topMenuArray; | ||
| } | ||
| } |
Oops, something went wrong.