Display Home page menu for rest of the pages

Hi,

i have lot more categories in left side categories and i manage to set it bit longer than current demo.so my issue is its maga menu displaying in sub pages.so if there is much categories main menu is dividing as 2 rows.so i would like to do this.i need to display normal main menu which displaying in demo home page to all the site.how it can be done?

not clear…please refer the screenshot

http://awesomescreenshot.com/01522xgvca

http://awesomescreenshot.com/02722xgu7f

what i need is display this homepage menu for all the other site pages

http://awesomescreenshot.com/03622xgy43

And other thing i am experiencing is some times added images are not fully rendered and showing in front page.

Thanks

14 answers

Profile photo of Sherlock 0.00 $tone December 13, 2013
Public

Hi web2solutions,

Could you provide here your url for taking a look ? also if I am correct then what you are wanting is to display the top menu items in all pages ?

#1
Profile photo of Sherlock 0.00 $tone December 16, 2013
Public

Hi,

My url. i have posted via support ticket.please see the ticket mate.as you told i need to show top menu for all the pages

Thanks

When you go to the category/product list pages there is another real megamenu there at the top, how the two menus can display at one place mate ?

#3
Profile photo of Jayasri Ruwanpura 0.00 $tone December 16, 2013
Public

No need to keep 2 mega menus mate.just simply this.normally there is one mega menu coming into left side and just need to keep it there and keep the main page menu static block for all the pages

#4
Profile photo of Sherlock 0.00 $tone December 17, 2013
Public

No need to keep 2 mega menus mate.just simply this.normally there is one mega menu coming into left side and just need to keep it there and keep the main page menu static block for all the pages

ok mate, you can try as following
1) Go to edit your home cms page, at the field of Layout Update XML you remove this block tag

HTML Code:

  <reference name="tops0">
	<block type="cms/block" name="position-1">
		<action method="setBlockId"><block_id>position-1</block_id></action>
	</block>
</reference>

2) open the page layout file app\design\frontend\default\jm_megamall\layout\pag e.xml you look for this block tag

HTML Code:

 <block type="core/profiler" output="toHtml" name="core_profiler"/>

right above it you add this tag

HTML Code:

<reference name="tops0">
            <block type="cms/block" name="position-1">
                <action method="setBlockId"><block_id>position-1</block_id></action>
            </block>
        </reference>

also on that file you look for and remove this tag

HTML Code:

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

3) open the folder app\design\frontend\default\jm_megamalltemplate\p age you go to edit those tempalte files of 2columns-left.phtml and 2columns-right.phtml, there you would see this

HTML Code:

 <!-- BEGIN: toolbar -->
	<div id="jm-head" class="wrap clearfix">
		<?php echo $this->getChildHtml('jmtoolbar') ?>
	</div>
	<!-- END: toolbar -->

right below it you add

HTML Code:

  <?php if ($this->getChildHtml('tops0')) : ?>
	<!-- TOP SPOTLIGHT -->
	<div id="jm-mnutop" class="jm-menu-top wrap clearfix">
		<div class="main col1-set">
			<div class="inner clearfix">
				<div class="jm-megamenu">
					<?php echo $this->getChildHtml('tops0') ?>
				</div>
			</div>
		</div>
	</div>
	<!-- //TOP SPOTLIGHT -->
	<?php endif; ?>

I hope those changes help !

#5
Profile photo of Alexandru Gorbenco 240.00 $tone March 17, 2014
Public

Amazing one!!!

P.s. sherlock! any ideea on hot to hide on all other pages except the home page the menu?! I have the css no problem but where do inpyt the css class type… what i wanna do is like in this page: http://dedeman.ro/ see the menu is only in home page and it is hidden in the rest:

http://prntscr.com/31lcgl

and the any other pages goes like this:

http://prntscr.com/31lcle

Any ideea on how to make it for MegaMall?

Many thanks!

p.s. I did all the steps you posted Sherlock, But there is still left to edit it. If i resize the window and check it for mobile. The off-canvas menu does not show any category up!

see http://v2.bicomplex.md

#7
Profile photo of Sherlock 0.00 $tone March 18, 2014
Public

QUOTE]P.s. sherlock! any ideea on hot to hide on all other pages except the home page the menu?! I have the css no problem but where do inpyt the css class type… what i wanna do is like in this page: http://dedeman.ro/ see the menu is only in home page and it is hidden in the rest:

http://prntscr.com/31lcgl

and the any other pages goes like this:

http://prntscr.com/31lcle

Any ideea on how to make it for MegaMall?

This would need pretty much customisation to achieve that, you can find a freelancer to get help on this.

p.s. I did all the steps you posted Sherlock, But there is still left to edit it. If i resize the window and check it for mobile. The off-canvas menu does not show any category up!

Go to the skin\frontend\default\jm_megamall\js\off-canvas.js file, change:

HTML Code:

$("#jm-megamenu ul.level0").clone().appendTo($nav);

To:

HTML Code:

if($("#jm-megamenu ul.level0").length > 0){
               $("#jm-megamenu ul.level0").clone().appendTo($nav);
            }else{
               $("#jm-mnutop .jm-megamenu ul").clone().appendTo($nav); 
            }

Hope it helps.

#8
Profile photo of Alexandru Gorbenco 240.00 $tone March 18, 2014
Public

This would need pretty much customisation to achieve that, you can find a freelancer to get help on this.

Could your Or JoomlArt think of a time and price for this? -- if this is possible i would better hire JoomlArt for modifications of it’s template then look up for a freelancer but is gonna cost double in time and money just in order to study how you organized the template and magento itself.

P.s. if there will be an update of the template i may loose most of the changes…

p.p.s. Thank you very much for the canvas error! it is solved!

p.p.p.s. http://v2.bicomplex.md/index.php/cum-sa
-- It’s the news feed i created thnx to a component; But as you will see the menu disappears! when i am in this news feed. I can not find any mistake in firebug or smth…

in any other page then Homepage you can notice that there is a gap in css see the link http://prntscr.com/31xi0w

#9
Profile photo of Sherlock 0.00 $tone March 19, 2014
Public

QUOTE]p.p.p.s. http://v2.bicomplex.md/index.php/cum-sa
-- It’s the news feed i created thnx to a component; But as you will see the menu disappears! when i am in this news feed. I can not find any mistake in firebug or smth…

Please check again layout file of that component, make sure it does not override the top menu you mentioned.

in any other page then Homepage you can notice that there is a gap in css see the link http://prntscr.com/31xi0w

Please open the skin/frontend/default/jm_megamall/css/styles.css file, find this css rule:

HTML Code:

 #mainnav-inner {
  clear: both;
  float: left;
  margin: 10px 0 0;
  width: 100%;
}

Change it to:

HTML Code:

 #mainnav-inner {
  clear: both;
  display: none;
  float: left;
  margin: 10px 0 0;
  width: 100%;
}
#10
Profile photo of Alexandru Gorbenco 240.00 $tone March 19, 2014
Public

Please check again layout file of that component, make sure it does not override the top menu you mentioned.

I have checked and i can not find anything that would override it..

Please open the skin/frontend/default/jm_megamall/css/styles.css file, find this css rule:

Thank you very much it solved my problem.

#11
Profile photo of Alexandru Gorbenco 240.00 $tone March 19, 2014
Public

Emm another problem Sherlock

v2.bicomplex.md -- After i did the changes you said yes everything worked but if i am in any cubcategory of hte catalog or any item you jsut can not seee the menu on any tablet or mobile device!

Attachment 35015

I tried smth but it did not work..

#12
Profile photo of Sherlock 0.00 $tone March 20, 2014
Public

Please go to the skin/frontend/default/jm_megamall/css/layout-mobile.css file, find this css rule

HTML Code:

 #mainnav-inner {
                 background: none repeat scroll 0 0 [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=009BCB]#009BCB[/URL]
                padding: 10px 0;
             }

and change it to

HTML Code:

 #mainnav-inner {
                 background: none repeat scroll 0 0 [URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=009BCB]#009BCB[/URL]
                padding: 10px 0;
                display:block !important;
             }

Hope it helps.

#13

This question is now closed

Written By

Comments