By yellowhousedesign on

Hi everyone,
Running into a bit of a snag with a particular need to add on a class to the body of a page that contains either the name, or just nodeID of the upper-most parent item in the menu. Basically, I need it to display a unique background image per "section" and its children. So, if you were on the Admissions page for example, you'd get a body class of something like "top-parent-node-33" and then for any pages listed under Admissions you'd also get "top-parent-node-33". I guess this could get a little funny with Views possibly, so the name... anything to identify it :)

Thanks for any help that can be given!

⋅ Categories: Drupal 7.x

Comments

seaneffel’s picture

seaneffel commented

You could do some custom coding within your theme templates. But then you have to go back on and custom code even more when your client wants to change those images.

Instead, use a custom content type for storing header images in fields, tag them with the matching section, and handle the output with contextual filters in the views module. Then when your client says next year that she wants different images or wants another section added then you can whip it up without sticking your head back in the custom code you wrote. All the work is done with core and a single contributed module.

There is almost nothing you can't do with taxonomy, fields and views.

yellowhousedesign’s picture

yellowhousedesign commented

Hey Sean,
Thanks for the insight on that - I definitely understand future implications for hardcoding anything like that into your template, but for this specific case, user editable fields were not necessary (as this is for a background image to a menu header -- based on the "hero parent" you are coming from). I was able to do some Googling and found this which suits my needs:

		// Get the Page's Parent Menu Item
		$menuParent = menu_get_active_trail();
		// Since it returns an array, make sure to target what you are looking for
		// You should print_r what menu_get_active_trail() to see what else it gives you
		$menuParent = $menuParent[1]['link_title'];
		//Lets run a switch statement to do something based on the menu parent like change the hero image
		switch($menuParent) {
		    case "Menu Title":
		    $class = 'menutitle';
		    break;

		    case "Menu Title 2":
		    $class = 'menutitle2';
		    break;
		}
		print $class;

Obviously it'd be better if this was able to automatically grab the parent menu item, so if anyone wants to adapt this to do that or possibly find a way to add this to the template.php file that'd be great too ;)

yellowhousedesign’s picture

yellowhousedesign commented

Actually,
This one seems to be more "automatic":

		// Get the Page's Parent Menu Item
		$menuParent = menu_get_active_trail();
		// Assign $menuParent to top or "hero" menu item then strip all spaces (replaces them with hyphens) and remove all special characters
		$menuParent = $menuParent[1]['link_title'];
		$menuParent = strtolower(str_replace( " ", "-", $menuParent));
		$menuParent = preg_replace('/[^\w\d_ -]/si', '', $menuParent);
filburt’s picture

filburt commented

Hi,

as a kind of summery of the posts above:

To get a body class with the parent menu item name in D7 add the following function to your theme's template.php. (Change YOURTHEME with your theme name.)

function YOURTHEME_preprocess_html(&$variables) {
    // Add the Page's Parent Menu Item as body class
    $menuParent = menu_get_active_trail();
    // Assign $menuParent to top or "hero" menu item then strip all spaces (replaces them with hyphens) and remove all special characters
    $menuParent = $menuParent[1]['link_title'];
    $menuParent = strtolower(str_replace( " ", "-", $menuParent));
    $menuParent = preg_replace('/[^\w\d_ -]/si', '', $menuParent);

    $variables['classes_array'][] = $menuParent;
}

Thats it.
Filburt

drclaw’s picture

drclaw commented

Also, you can use the built in drupal function drupal_html_class() instead of your own regular expression:

<?php
function YOURTHEME_preprocess_html(&$variables) {
    // Add the Page's Parent Menu Item as body class
    $menuParent = menu_get_active_trail();
    // Assign $menuParent to top or "hero" menu item then strip all spaces (replaces them with hyphens) and remove all special characters
    $menuParent = drupal_html_class($menuParent[1]['link_title']);

    $variables['classes_array'][] = $menuParent;
}
?>
Jeremy_83’s picture

Jeremy_83 commented

Hy and thank you for what you've done for me all of you and particulary @drclaw :)

This work as well for me, i just search for something about how is the class rewrite, i have for example in my menu links with accents like 'ü' or 'é', it work allready but it will be cleaner for me to change that accents with no accent like 'u' or 'e'.

Do you think it's possible ?

Thank you

drclaw’s picture

drclaw commented

I believe what you're looking for is called "Transliteration" which can be achieved with the transliterate_get() function.

   $class = drupal_html_class(transliterate_get($menuParent[1]['link_title']));
hkirsman’s picture

hkirsman commented

You could use context module. It can write custom body class for menus you select.