Menu System - the second line

[jgbr 0]

Im trying to customize my menu system so that when someone clicks a main menu (IE top bar) menu the secondary menu designs the categories within. A prime example: http://www.telegraph.co.uk/comment/ , you click comment and the cats of that comment go into the secondary bar? I dont want the drop down. Thanks

[catrina 103]

Use a Custom Menu to create a menu with parent links that have categories as child pages and then go to PlatformPro Settings > Blog And Posts > enable Use Child Pages for Secondary Nav.

[jgbr 0]

Hi Can't get this to work, can it conflict with something?

[jgbr 0]

This only workds on pages? id like it to work on categorys too

[jgbr 0]

and when its clikced not all the time IE: when i click news , the second nav changes to news categorys but then i click parent, research, all the 2nd nav is changed to all catgeoris under research

[kastelic 6]

In order to get them on category pages, you have to copy the html of the submenu and insert it via a hook using the is_category() conditional tag.

[jgbr 0]

OK and how would i do that? Can custom CSS code be provided for that please?

[catrina 103]

This involves a hook, which is reviewed in this tutorial: http://www.pagelines.com/docs/base-child-theme. Let us know which steps you have trouble with.

[jgbr 0]

HI All of them! can someone give me a step by step? thanks

[catrina 103]

I just went over the basics of a hook here: http://www.pagelines.com/forum/discussion/comment/66866#Comment_66866 Please refer to it and if you still don't understand, I can explain in further detail.

[jgbr 0]

what would be the line of code/hook and where in what file do i need to place it? it must used the 2nd navigation columm to display posts or pages related to whatever is clicked in the main menuu and display it in the second.

[catrina 103]

By second navigation column, you mean the secondary navigation row directly below the main navigation, yes?

[jgbr 0]

That's correct Im trying to get it so that when someone clicks something ont he top navigation, the secondary navigation changes to all posts & categories under that parent.

[catrina 103]

First we'll need to implement the hook. In your case, the name of the hook you can try is brandnav_after_nav. This will determine where the second line navigation goes. The function name is the name you give to make it easy for you to identify. For example, you can use add_custom_secondary (so you know that you're adding the custom secondary menu). As a result, the hook will look something like this:

// add_action('hook_name','function name');
	add_action('brandnav_after_nav', 'add_custom_secondary');
	
	// function name
	function add_custom_secondary(){

[jgbr 0]

ok so i had that right my problem is where exactly do i place that code, where and in what file?

[catrina 103]

Okay, good. All hooks MUST go in the functions.php file in the child theme, PlatformBase. It must not go into any other file. Do you have PlatformBase enabled? (This is important because any changes you make in the child theme files cannot be overwritten when you upgrade the theme)

[jgbr 0]

my code looks like this: // ABOUT HOOKS --------// // Hooks are a way to easily add custom functions and content to the Platform theme. There are hooks placed strategically throughout the theme // so that you insert code and content with ease. // HOOKS EXAMPLE --------// // Below is an example of how you would add a social media icon to the icons in header (branding section) // We have placed a hook at the end of the icon set specifically add new icons without modifying code or having to worry about your edits // getting thrown out during the upgrade process. The way to use hooks goes a little like this: // add_action('hook_name','function name'); // ---> uncomment to load //add_action('pagelines_branding_icons_end', 'add_icons_to_branding'); // function name function add_icons_to_branding(){ // This hook adds a stumbleupon icon to the header of your theme. The class referenced in the link can be seen in the style.css // and is the image from the CSS is placed in the images folder ?> add_action('brandnav_after_nav', 'add_custom_secondary'); function add_custom_secondary(){ <?php } // end function // ABOUT FILTERS ----------//

[jgbr 0]

I've just had a thought: The code already exists, you can tell the system to use a child nav. The problem with this, it does not: A) allow the drop down to work in conjunction with child nav on. Allow categories (and only pages) is it not easier to modify the existing code to allow the drop down to work and to call the menu system of what is selected as childen of that menu from that menu system? if not, fair enough, but i still havnt cracked the above. This is what we are trying to achieve - whereas the secondary nav pulls data from the menu system dependent on what pages or categories are set as children in the menu system,

[jgbr 0]

:-(

[jgbr 0]

You can get drop down and child nav pages working together. If only it now would include categories and alike the above picture (using the menu system)

[kastelic 6]

This is just a way I've done it and it worked for me, there may be better ways. For the static html route i mentioned, your code is good but make sure to add a closing php tag before inserting the html. as well as a conditional to specify the category, like this:

	add_action('brandnav_after_nav', 'add_custom_secondary');
	function add_custom_secondary(){
	if ( is_category('news') ) {
	?>
	YOUR HTML GOES HERE
	<?php
	}
	}
	

Make sure you change the category id or name to the one you need. Now, to get the HTML. Using Google Chrome, navigate to a page that does have the secondary navigation that you want. If necessary, after creating the secondary menu in Appearance -> Menus, assign it to a page so that you copy it. Now right click on that menu and click "inspect element". The inspector will pop up at the bottom of your browser. Click to highlight the outermost unique element of that secondary menu. It should say something like

Now right click on this element and select "copy HTML". Paste this html into your function where it says YOUR HTML GOES HERE. If you followed every step you should now see the secondary menu on the category that you specified with the category id. Heres' the page to Wordpress conditionals if you need clarification on that: http://codex.wordpress.org/Conditional_Tags#A_Category_Page Good luck.