Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Sub-Pages / Sub Menu
#1
Hi all
i just wanted to create subpages

i use navigation etc

but what i try i don't get it done  Huh

the menu and pages i got is like this :

Home
Page 1
 +  page A
 + Page B

Page 2
  + Page2A
  + Page2B

Do i forget somewhere anything ?

i tried with several themes but non gives subpages

kind regards
Reply
#2
Hi All
i just installed a new GS 3.3.5

just with only the two standard plugins

but also not possible to get subpages ,,

[Image: rvrtwl3t89t.png]
[Image: ujt2tgn15mb.png]
[Image: a04bohqlcbl.png]

if i use the Grill theme it works with subpages
so where do i something wrong ?

many thanks for your help
Reply
#3
The Grill theme uses I18N plugin's multilevel menus (get_i18n_navigation). Most other themes use GS's default flat-level menu (get_navigation).
So for other themes you'll have to edit some template file,
http://mvlcek.bplaced.net/get-simple/mul...ldown-left
and adapt your css.
Reply
#4
Yes, to explain in more detail:

The default GS nav menu function creates a simple series of links to pages as <li> elements. If your site requires multi level navigation you need to put in place three things:
  1. Arrange your pages as 'children' and 'parents' in the GS back end.
  2. Use a plugin to replace the standard menu function and arrange the links in html normally (but not always) as nested <li> elements.
  3. Make sure you have the css in your theme to display the nested lists as you want them, static or drop down, fly-out, whatever. 
In Grill it is done for you as a demo. Only a very few themes have the css ready for multi-level menus. i18n is the most popular plugin for this.

We should have a how-to page in the wiki for this, I think it often causes confusion.
Reply
#5
Hi Carlos and Timbow

Thanks for the info i go work on it and will let you know

i thought it would be a standard thing in GS (to bad it isn't)

a Wiki should indeed a great usefull tool about this (specially for newbies :-) )
Reply
#6
ok i tried and it works sofar but the menu is hiding , when i have a mouseover i see it ,,

i have installed a test site
i use the cardinal theme as template

have installed the i18n plugin
in the template.php i change the original
PHP Code:
<ul id="nav">
            <?
php get_navigation(return_page_slug()); ?>
        </ul> 

into:
PHP Code:
  <div class="sitemenu">
 
     <ul><?php get_i18n_navigation(return_page_slug(),0,1,I18N_SHOW_MENU); ?></ul>
    </div>
    <div style="clear:both"></div>
  </div>
  <div id="main">
    <div id="nav">
      <ul><?php get_i18n_navigation(return_page_slug(),1,100); ?></ul>
        </div> 

in css i added under the orginal navigation:
PHP Code:
.sitemenu position:relativeheight1.4em; }
.
sitemenu ul position:absolute; list-stylenone; }
.
sitemenu li float:left; }
.
sitemenu li ul display:none; }
.
sitemenu li:hover ul display:block; }
.
sitemenu li.current font-weight:800; } 
.
sitemenu li.currentpath font-weight:800; } 

the original navigation is like this :
PHP Code:
#header #nav {position:absolute;top:10px;left:0;list-style:none;}
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;} 

ok sofar so good ,,
but as i said the complete menu is only visable with a mouse over
i know also i did something wrong in the php cause got the title in the middle of nowhere but it is just play and try

i tried to replace some lines behind .sitemenu into the orignal lines from the menu
like :
PHP Code:
.sitemenu position:relativeheight1.4em; } 
into :
PHP Code:
.sitemenu {position:absolute;top:10px;left:0;list-style:none;} 

but somewhere it doesn't work either ,,
i mean i dont get the original menu back with working subpages 

so if someone can point me on my mistake i will understand it
so i can change it in the website i'm busy with

many thanks
Mandy
Reply
#7
Did you make all your pages children of index by mistake ?

Or since you wrapped the entire menu in a ul, its probably treating it like a dropdown, meaning your css is wrong.
NEW: SA Admin Toolbar Plugin | View All My Plugins
- Shawn A aka Tablatronix
Reply
#8
Hi Shawn

no sofar i see i got two parents and two children
[Image: dakp5s7su3v.png]

i have something wrong in the css
i toke the css description from the page what Carlos gived abouve :
Code:
.sitemenu { position:relative; height: 1.4em; }
.sitemenu ul { position:absolute; list-style: none; }
.sitemenu li { float:left; }
.sitemenu li ul { display:none; }
.sitemenu li:hover ul { display:block; }
.sitemenu li.current > a { font-weight:800; }
.sitemenu li.currentpath > a { font-weight:800; }

i gonna play around with this code ,, later i will see if and how i got the orignal menu back

EDIT : got it almost running ,, only it is like a tree ( when i go to the parent then both children are showing 

so need to play a bit more :-)
Reply
#9
Its a standard list, so every single piece of menu code will work.
Just grab the css off the web.

drop downs usually have like a 1st selector, or > selector for all children.
ul li:hover > ul

http://codepen.io/philhoyt/pen/ujHzd
NEW: SA Admin Toolbar Plugin | View All My Plugins
- Shawn A aka Tablatronix
Reply
#10
Hi Shawn
Many thanks for the url it shows a lot what i really needed
i discovered my mistake why it wasn't working that well
i used also the i18n plug not in the good way

only need to read some documentation (wiki) about the different between
return_page_slug and get_page_slug
this caused my problem

Everyone many thanks for the wonderfull help and guided me trough
Reply




Users browsing this thread: 1 Guest(s)