Make Top Level Sections Invisible? Using CSS?

Expanding / Collapsing, search engine friendly, Section menu.
Post Reply
chrisdicken
Posts: 25
Joined: Wed May 28, 2008 5:30 pm

Make Top Level Sections Invisible? Using CSS?

Post by chrisdicken » Wed May 28, 2008 5:38 pm

I have a client with a really weird requirement. They want a menu like Collapso, but they want the top level sections to be invisible (navigation into the top level sections is controlled by some tabs across the top). Then once they are in a sub-section you can use the tree to navigate through the rest of the section levels.

Is there anyway to add CSS or something into the PHP to make the links invisible (we can keep the <li>s in place) if the SectionLevel is 1?

Cheers

Chris

norman
Site Admin
Posts: 1223
Joined: Sat Feb 07, 2004 9:55 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by norman » Thu May 29, 2008 11:34 am

Tricky but no doubt do-able. There are several possible approaches.

The Collapso code could be tweaked so that it only generated a list starting at section level 2.

The entire menu could be hidden and only the current path made visible on section pages.

Something completely bespoke.

To comment further I'd need a better idea about what would have to be shown on top-level page, 2nd level pages, 3rd (and subsequent) level pages, non-Section pages, etc.
Norman

chrisdicken
Posts: 25
Joined: Wed May 28, 2008 5:30 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by chrisdicken » Thu May 29, 2008 12:10 pm

OK - let's say this is the structure

Cosmetics
--Eyes
----Eye Shadow
----Mascara
--Face
----Concealer
----Foundation

When they are in 'Cosmetics' they want to see....
Eyes
Face

When they click on in 'Eyes' they want to see...
Eyes
--Eye Shadow
--Mascara
Face

When they are in 'Eye Shadow' they want to see....
Eyes
--Eye Shadow
--Mascara
Face

Hope this makes it clearer. So out of the options you suggest, the one about only starting at level 2 sounds like it will work. Thanks for taking the time to help.

Cheers

Chris Dicken

norman
Site Admin
Posts: 1223
Joined: Sat Feb 07, 2004 9:55 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by norman » Thu May 29, 2008 2:37 pm

That's pretty clear. It should be do-able but will require a bit of work. I hope it's not urgent as I'm packing up for my summer relocation right now and won't have much free time for quite a few days.
Norman

chrisdicken
Posts: 25
Joined: Wed May 28, 2008 5:30 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by chrisdicken » Thu May 29, 2008 2:56 pm

Off to Turkey again eh? Very nice.

The customer can probably go live still with the top-level sections visible - it won't kill them.

Many thanks for any help you can give me.

Chris

norman
Site Admin
Posts: 1223
Joined: Sat Feb 07, 2004 9:55 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by norman » Thu May 29, 2008 4:55 pm

OK, that takes the pressure off. Remind me in about a week when I've settled in in case I forget.
Norman

chrisdicken
Posts: 25
Joined: Wed May 28, 2008 5:30 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by chrisdicken » Mon Jun 09, 2008 10:34 am

Hi Norman - how's it going? Are you all settled in yet?

The customer has been asking about the collapso customisation again. Is there any chance you could look at this week?

Chris

norman
Site Admin
Posts: 1223
Joined: Sat Feb 07, 2004 9:55 pm

Re: Make Top Level Sections Invisible? Using CSS?

Post by norman » Tue Jun 10, 2008 10:15 am

Hi, Chris

Fairly sorted here now. What should happen on non-Section pages? It may be best to email me so we can discuss additional costs, etc.
Norman

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest