Nav showing Parent and Sub Cats

Put your questions here on how to do things in ProtoShare.
billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Nav showing Parent and Sub Cats

Postby billyudi » Tue Dec 20, 2011 1:17 pm

Say you are on a Top Level category and you have a vertical navigation as follows:

Category A
Category B
Category C

Clicking on Category A takes you to the Category A page and also shows the sub categories in the left nav (as well as the previous level categories), like this:

Category A
Sub Cat
Sub Cat
Sub Cat
Category B
Category C

Any ideas?

Josh Kristof
Posts: 525
Joined: Tue Mar 31, 2009 3:40 pm

Re: Nav showing Parent and Sub Cats

Postby Josh Kristof » Thu Dec 22, 2011 2:32 pm

The navigation components will do this for you but instead of click events the subnavigation will be shown on hover. If you want to build out a navigation bar that uses clicks you could certainly do that using states.
Josh Kristof
customerservice@protoshare.com
Site9, Inc. / Customer Support
blog.protoshare.com | twitter.com/protoshare

billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Re: Nav showing Parent and Sub Cats

Postby billyudi » Tue Dec 27, 2011 1:47 pm

Yeah I guess I want the navigation to show parent and subcategories without hover or click events. So when you are on the parent category you see the subcategories.

billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Re: Nav showing Parent and Sub Cats

Postby billyudi » Tue Dec 27, 2011 1:58 pm

Basically something like the left nav at this site...
http://www.bootbarn.com/Western-Boots/W ... prefv1=Men

billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Re: Nav showing Parent and Sub Cats

Postby billyudi » Thu Dec 29, 2011 9:17 am

Actually I just figure out what I wanted. I changed the Page Navigation element to Blocks and then List Style to Outline.

Thanks for the response!

billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Re: Nav showing Parent and Sub Cats

Postby billyudi » Mon May 07, 2012 6:10 am

O.k. so I guess it doesn't totally do what I want. It shows ALL the subnavs, like this):
Current Parent
>sub
>sub
>sub
Parent
>sub
>sub
>sub
Parent
>sub
>sub
>sub

What I really need is just:
Current Parent
>sub
>sub
>sub
Parent
Parent

So I have to end up hiding the other subnavs from navigation which isn't really ideal since I can't have a true click through demo. Any advice on using states like you previously suggested?

Josh Kristof
Posts: 525
Joined: Tue Mar 31, 2009 3:40 pm

Re: Nav showing Parent and Sub Cats

Postby Josh Kristof » Tue May 08, 2012 9:21 am

Looking back at your BootBarn.com example again you can do exactly this by using the vertical navigation component and setting it's list style to Accordion. When you're on the "Western Boots" page, you'll only see the sub-navigation for that section and the top pages of "Work Boots," "Motorcycle Boots," etc...
Screen shot 2012-05-08 at 9.21.45 AM.png
Screen shot 2012-05-08 at 9.21.45 AM.png (99.04 KiB) Viewed 14784 times
Josh Kristof
customerservice@protoshare.com
Site9, Inc. / Customer Support
blog.protoshare.com | twitter.com/protoshare

billyudi
Posts: 22
Joined: Mon Feb 28, 2011 10:15 am

Re: Nav showing Parent and Sub Cats

Postby billyudi » Tue May 08, 2012 11:33 am

Well son of a gun. I could have sworn I tried that. Or maybe I thought accordion was something else. At any rate that just made my day! Thanks again!

jnath
Posts: 3
Joined: Thu Jul 05, 2012 10:28 pm

Re: Nav showing Parent and Sub Cats

Postby jnath » Sat Jul 28, 2012 4:15 pm

I don't see the accordion style in version 6.3 for the vertical or horizontal page navigation control. Am I missing something? If I am, more detailed steps to create the previos post solution would be great. Thanks.

Nick Jennings
Posts: 165
Joined: Mon May 14, 2012 12:06 pm

Re: Nav showing Parent and Sub Cats

Postby Nick Jennings » Mon Jul 30, 2012 12:01 pm

Hi jnath,

The accordion style was removed since it did not function properly with the latest changes. We are planning on rebuilding it in the future. It is still possible to achieve a similar accordion style by setting the option to hide starting pages and setting the style to Nested. It is not exactly like the accordion style, but it may suit your needs.
Nick Jennings
customerservice@protoshare.com
Site9, Inc. / Customer Support
blog.protoshare.com | twitter.com/protoshare


Return to “How Do I...”

Who is online

Users browsing this forum: No registered users and 1 guest

cron