How do I create this simple layout?

Talk about writing modules and plugins for CMS Made Simple, or about specific core functionality. This board is for PHP programmers that are contributing to CMSMS not for site developers
Post Reply
Lateralus
Forum Members
Forum Members
Posts: 40
Joined: Fri Jun 01, 2007 10:49 am

How do I create this simple layout?

Post by Lateralus »

Hi all!

Wow, cmsmadesimple is really a great cms! I found out that it has many features. But, I want to do the following, but I don't know how to archieve it. I allready did a lot of research...

Image

It is quitte an easy lay out... the site needs to be in 3 languages wich can be chosen by clicking on a flag gif in the header. When you click that flag the menu in the left needs to change to the same menu in an other language...

And the left menu needs to levels. I want to style it by myself.

Does anybody know how to do this?

Thanks in advance!!!

Greetz

Johan, the netherlands
Lateralus
Forum Members
Forum Members
Posts: 40
Joined: Fri Jun 01, 2007 10:49 am

Re: How do I create this simple layout?

Post by Lateralus »

here is the image again, this time on a faster host

Image
vaughnt
Forum Members
Forum Members
Posts: 82
Joined: Tue Jun 13, 2006 2:05 pm

Re: How do I create this simple layout?

Post by vaughnt »

It's not too hard, really.  The only real trick here as I see it is getting your left menu to appear when you want it, and managing/publishing your content appropriately. The styling of the menu is already available in CMSMS. Use the "Left simple navigation + 1 column" as your base template for that.

To get your language choices, there are probably a couple ways to go about it, but one way would be as follows:

Create a template for each language.
The {menu} code in each template will be different. Something like
Language 1:  {menu template='cssmenu.tpl' start_page='Home1' show_root_siblings='1'}
Language 2:  {menu template='cssmenu.tpl' start_page='Home2' show_root_siblings='1'}
Language 3:  {menu template='cssmenu.tpl' start_page='Home3' show_root_siblings='1'}

Then build your page hierarchy like so:

-Language 1
----Home1            <<< Make this the default page.
----About Us1
----Etc1
-Language 2
----Home2
----About Us2
----Etc2
-Language 3
----Home3
----About Us3
----Etc3

Make the links at the top of your page link to Home1, Home2, and Home3.

When a visitor first enters the site, they will be presented with Home1, and the menu items that are siblings to Home1.  If they click Home2, the left menu will change to show Home2 and all it's siblings (in this case About Us2 and Etc2). The menu changing will ensure that a user stays within the select language until they specifically choose a different language at the top.

You may have to also set the number_of_levels parameter in the menu tag to get the display you show. I'm doing this from memory and can't recall.

Hope this helps,
Vaughn
--
My photography: http://vaughnsphotoart.com
Festiva Resorts: http://www.festiva.travel
Lateralus
Forum Members
Forum Members
Posts: 40
Joined: Fri Jun 01, 2007 10:49 am

Re: How do I create this simple layout?

Post by Lateralus »

thanx for the answer!
Post Reply

Return to “Developers Discussion”