More than 2 menu in Artisteer


Author Message
Damy

Posted: 12/18/2013
Quote message 

Hello there,

is it possible to create more than 2 menu in Artisteers, I mean Main menu , Vertical menu and "Top menu" ?

Thanks!
 
jrgweb

Posted: 12/18/2013
Quote message 

@Damy - Absolutely!!

http://demo.artisteertoday.com/2menus/

Even 3 or 4 menu's
This example is still in productions...

http://demo.artisteertoday.com/multi_menu/
 
Alexander

Posted: 12/19/2013
Quote message 

Wow! Tell me how to do it?? I beg you!
 
jrgweb

Posted: 12/23/2013
Quote message 

@moon, @Alexander - I'll try and post some instructions after the New Year.

 
moon

Posted: 12/23/2013
Quote message 

Thanks
 
John Oxlade

Posted: 1/2/2014
Quote message 

I created my Joomla 2.5 template in Artisteer v4.2.
My horizontal menu works fine in position-1, but I want to move it to position-25 and use custom graphics at the top. Trouble is, although I can move the module position to -25, I cannot get the style right.
Using .../tp=1 to show the module positions I see that position-1 is [none outline], whereas all other positions are [artsyle outline]. To me this would mean that the style would NOT be applied to position-1 but SHOULD be applied to the others, but it seems to be the other way around. I have tried adding module class suffix of art-hmenu to position-25 but it doesn't work.
All I want to do is move the menu style that is defined in Artisteer and works OK in position-1 to position-25.
Any help would be appreciated.
Thanks,
John
 
jrgweb

Posted: 1/2/2014
Quote message 

@John Oxlade - Have you tried adding the horizontal menu class to the module/menu class suffix?



example: this example shows the menu buttons in position-25. You can add another nav bar if you wish. You can have additional styling.

http://joomlapageclass.jrgweb.net/
 
Damy

Posted: 1/11/2014
Quote message 

Hello Jrgweb,

Please let me know how to put more than 2 horizontal menu in Wordpress,

I need to put Top menu, Main H menu and footer menu on my template,

Please tell me how to do it for Wordpress.

Cheers
 
jrgweb

Posted: 1/12/2014
Quote message 

@Damy - I'll see what I can do later today or tomorrow.

example site created a long time ago but works on wp 3.8
this was a artisteer 3.1 theme

http://wordpress.artisteertoday.com/home/

There may be other examples by wp guru's as I have not searched the artisteer wordpress forum.
 
jrgweb

Posted: 1/13/2014
Quote message 

@Damy - As you can see I moved the menu from the bottom of the header to the footer.

For the second menu you need to create different styles.
Then use something like this in the area you wish to display menu:
<div class="art-bar2 art-nav2">
<div class="art-nav2-outer">
<div class="art-nav2-wrapper">
<div class="art-nav2-inner">
<?php
echo theme_get_menu(array(
'source' => theme_get_option('theme_menu_source'),
'depth' => theme_get_option('theme_menu_depth'),
'menu' => 'secondary-menu',
'class' => 'art-hmenu2'
)
);
?>
</div>
</div>
</div>
</div>


A lot of users I help with multi menu's create additional designs then rename the hmenu code and insert into the primary template / theme.




 
Amanda F

Posted: 1/13/2014
Quote message 

JRGWEB, how to add a second menu in HTML templates? Thanks
 
Eileen
Artisteer Team

Posted: 1/13/2014
Quote message 

@Amanda F
If you create the HTML website that you need to edit the exported .html file to create the second horizontal menu. Just copy the UL section that outputs the menu
<ul class="art-hmenu">...</ul>
paste it below (or above) the existing menu and change the menu links.
 
safal

Posted: 1/13/2014
Quote message 

Hello Damy,

U will have panel at your left side when you open your template in artisteer just right click to the pages and select add new page it will add new menu at your top panel

 
jrgweb

Posted: 1/14/2014
Quote message 

@Amanda F - To add to Eileen's comment -
Her instructions are correct if wanting the same styled menu.
But what if you want a different style, different looking menu. A great many folks using artisteer don't know code so in the past what I've told users to do is to create an additional template. So here is the process:

1. Create you primary template / theme. Then export the template.

2. Create another template / theme with only the horizontal menu in mind.
Style this horizontal menu to your liking. Then export.

In the second template / theme open the styles.css and find the menu code including the nav. Copy and paste this menu code into a text editor and rename the class.
examle: art-hmenu --->>>change to: art-hmenu2
change nav to nav2 if wanting a different nav bar style.

In a text editor you can replace all the same classes at once. I use notepad++

Then copy/paste this renamed code into the primary template / theme styles.css.

Now open the index.html file in the primary template /theme folder.
Insert the second menu where you wish.

Your code should look something like this:
<nav class="art-nav2">
<ul class="art-hmenu2"><li><a href="home.html" class="active">Home</a></li><li><a href="sports.html">Sports</a></li><li><a href="entertainment.html">Entertainment</a></li><li><a href="travel.html">Travel</a></li><li><a href="lifehealth.html">Life&amp;Health</a></li><li><a href="technology.html">Technology</a></li><li><a href="world.html">World</a></li></ul>
</nav>

This has to be performed on each HTML file. So if you have home, about, services, and contact all HTML files will have to be edited.
This gets into a ton of work if you have 3 or 4 horizontal menu's.

back in the artisteer 3 days I was able to automate multiple menu's but as you know artisteer has limited a great many features. When I created joomla websites I automatically had pageclasssuffix inserted in every joomla template which saved time creating templates for that CMS.



 
James

Posted: 1/15/2014
Quote message 

It is possible to add 2 menus in a blogger template. And if yes, how can we add them?
 
jrgweb

Posted: 1/16/2014
Quote message 

@James - Hmm.. I haven't looked at blogger in years. When time permits I'll take a look.
 
James

Posted: 1/16/2014
Quote message 

Thanks. I'll be waiting.
 
Jason

Posted: 1/17/2014
Quote message 

@jrgweb - Would you be kind enough to show me how you created a second menu item like you did for this link?
http://demo.artisteertoday.com/2menus/

What I want to do is place one menu at the top of my header and a second one at the bottom, but the design for each to look different. I am using Joomla 2.5 and Artisteer 4.2

Any help would be greatly appreciated!
 
Marco Austria

Posted: 1/26/2014
Quote message 

Jason, look few posts ahead, jrgweb give good explaination.
YOU have to put the code in that place you want to have.

If you want it in the bottom, search for the bottom area and add the details...

 
Jason

Posted: 2/7/2014
Quote message 

@Marco - Unfortunately this will not work for me. My top menu needs to have the default home page button, which is where I would put the code.

I really need to be able to have the menu items built in Joomla and not within the code.

I am able to do this but the CSS does not work properly. It just shows the background color of the menu item and that's it.

Any ideas out there would be appreciated.
 
Oystein Alykkja

Posted: 9/5/2015
Quote message 

Hey.

All of your links are not working.