Public Forums 71,145 posts

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#195751

Hello,

my website is this and I was wondering if I can make another menu like the mega menu above or below the existing one. Is it possible? I tried to alter the layout files but could not make it

Any help would be appreciated

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#526961

@tzic,

Basically, each template should have one main menu only and the same with JA Purity, it will support one main mega menu. If you want to have additional menus, you can try using menu module to display different menus on your website.

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#531080

tzic A;416670] @nazario
@nazario

Hello Nazario and thank you for the reply,

I use more than 10 menus in my website, please take a look http://www.ahealthcare.gr

My question is how to use a horizontal menu above the Mega Menu. Do I have to create a new position first? Do I have to alter the layout files? Can you give some advice to get me started?

<em>@Nazario A 416670 wrote:</em><blockquote>@tzic,

Basically, each template should have one main menu only and the same with JA Purity, it will support one main mega menu. If you want to have additional menus, you can try using menu module to display different menus on your website.</blockquote>

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#531416

@tzic,

Did you want a horizontal menu as this image ?

If so, pls try my suggestion:
– Create new file called “mainnav-horizontal.php” in /templates/your_template_name/blocks/ directory , then add this rule:

<?php
// no direct access
defined ( '_JEXEC' ) or die ( 'Restricted access' );

/*
# ------------------------------------------------------------------------
# JA T3 System plugin for Joomla 1.6
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/
?>
<div id="new-position">
<jdoc:include type="modules" name="new-position" type="row"/>
</div>
– Open file: /templates/your_template_name/templateDetails.xml then add this rule: http://prntscr.com/3b3ftp

<position>new-position</position>
– Open file: /templates/your_template_name/etc/layouts/default.xml then add this rule: http://prntscr.com/3b3g7b

<block name="mainnav-horizontal" type="mainnav-horizontal" main-inner="1"></block>
– Go to the back-end, then assign a menu module to “new-position” position.
– Finaly, you need to custom some CSS for this module to display horizontal in the front-end. Pls try with this rule: (Add to file: /templates/your_template_name/css/template.css )

#ja-mainnav-horizontal {
background: url("../images/grad1-mask.png") repeat-x scroll center top #444444
border: 1px solid #666666
line-height: 3;
}
#new-position .menu >li {
float: left;
width: auto;
border-left: 1px solid #666666
border-right: 1px solid #666666
}
#new-position .menu >li >a {
margin: 15px;
}
#new-position .menu >li >a:hover {
color: white;
}


Hope this helps

---

Attachments:

1. 

[tzic Friend tzicJoin date: January 2012Posts: 31Downloads:0Uploads:0 Thanks: 8]

#532994

@nazario

Hello and thank you very much for the solution. It worked perfectly. Just two remarks:

Several semicolons ( ; ) were missing from the css and I was not getting the correct result. When added everything worked like a charm!

I added this code

<block name="mainnav-horizontal" type="mainnav-horizontal" main-inner="1"></block>

to the layout I am using: right-main-left.xml and not to default. Just mentioning this for anyone who is using a different layout

Now I would like to use a javascript banner rotator in the user 1 position. Currently I am using custom html code Can you please advice me on how to do that?

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#533688

@tzic,
Thanks for sharing update on your fix.

<blockquote>Now I would like to use a javascript banner rotator in the user 1 position. Currently I am using custom html code Can you please advice me on how to do that?</blockquote>

In the Global Configuration, you need to set the Default Editor to None. Then create new Custom HTML module and add your javascript into this module as normal.

[Author]

Posts