[lukasvonblarerMember]

hi

i want to build a team section for a website. there are depatments dividing the team. by default the first department should be shown. at the top there will be a tabbed navigation for selecting the department.

what i’ve done so far: set up a pod called "team", added a pick column for taxonomies to select the department.

how can i create a navigation for this?

thanks

lukas

[FikeParticipant Post count: 2]

You can do a pod page template that will show each department (depending on the current received slug). If this option is applicable (it requires page reloading, but anyway i don’t know javascript), it would be something like this:

PHP

<?php $slug = pods_url_variable(-1); //this is used to define which page we are on. $slug will also help to initialize main pod with all data. //let your second pod (the one that contains department names) be called &quot;deps&quot;. $deps = new Pod ('deps', 'name ASC'); $deps->findRecords('name DESC',-1); $menu='<span class=&quot;depsmenu&quot;>'; // it is possible to return data with simple &quot;echo&quot; every time we retrieve it, but i like it more this way while ( $deps->fetchRecord() ) { $deps_name = $deps->get_field('name'); // if you'll use that idea, you'll have two initialized pods, what means that it is better to keep clear, what pod stands after the $name $deps_slug = $deps->get_field('slug'); // you'll need slug column if you'll go this way, but it can be created automatically afaik if ( $slug == $deps_slug ) // i always mess with ifs, so u'm using heavy constructions that works. the whole purpose of it is to make current page tab different from another page tabs with CSS { $div='<span class=&quot;depsmenucurrentpage&quot;>'.$deps_name.'</span>'; } else { $div='<span class=&quot;depsmenupage&quot;>'.$deps_name.'</span>'; } $menu=$menu.$div; } $menu=$menu.'</span>'; echo $menu; ?>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<?php $slug  = pods_url_variable(-1); //this is used to define which page we are on. $slug will also help to initialize main pod with all data.   //let your second pod (the one that contains department names) be called &quot;deps&quot;. $deps = new Pod ('deps', 'name ASC'); $deps->findRecords('name DESC',-1);   $menu='<span class=&quot;depsmenu&quot;>'; // it is possible to return data with simple &quot;echo&quot; every time we retrieve it, but i like it more this way   while ( $deps->fetchRecord() ) {    $deps_name   = $deps->get_field('name'); // if you'll use that idea, you'll have two initialized pods, what means that it is better to keep clear, what pod stands after the $name    $deps_slug     = $deps->get_field('slug'); // you'll need slug column if you'll go this way, but it can be created automatically afaik      if  ( $slug == $deps_slug )  // i always mess with ifs, so u'm using heavy constructions that works. the whole purpose of it is to make current page tab different from another page tabs with CSS    {       $div='<span class=&quot;depsmenucurrentpage&quot;>'.$deps_name.'</span>';    }    else    {       $div='<span class=&quot;depsmenupage&quot;>'.$deps_name.'</span>';    }    $menu=$menu.$div; } $menu=$menu.'</span>'; echo $menu; ?>

Your output will be a string like

PHP

<span class=&quot;depsmenu&quot;><span class=&quot;depsmenupage&quot;>Dept. 1</span><span class=&quot;depsmenupage&quot;>Dept. 2</span><span class=&quot;depsmenucurrentpage&quot;>Dept. 3</span></span>

1	<span class=&quot;depsmenu&quot;><span class=&quot;depsmenupage&quot;>Dept. 1</span><span class=&quot;depsmenupage&quot;>Dept. 2</span><span class=&quot;depsmenucurrentpage&quot;>Dept. 3</span></span>

so you’ll be able to control it over CSS. If you’ll put this on some page, other from deps pages, all menu tabs should just be one inactive style, i guess.

[lukasvonblarerMember]

hi fike

thanks! this looks good, gonna give it a try.

isn’t there a nicer way to render pods links? i am thinking of somethin like wp_list_pods().

regards

lukas

[FikeParticipant Post count: 2]

There is not such function yet afaik (this template will work on pages with any slug – for the function there is unlimited amount of pages, and we are not checking availible pages – we are building menu for pages that contain data). I think that you can render it as theme function – but i am not sure how Pod should be initalized then (i’m afraid of double initialization on the page and don’t know what will happen), someone more experienced should tell that.

Two more things i need to say: first, i lost the link itself in the code:

PHP

$deps_name = $deps->get_field('name'); $deps_slug = $deps->get_field('slug'); $deps_name = '<a href=&quot;http:// <a href="http://www.mysite.com/teampage/" rel="nofollow">http://www.mysite.com/teampage/</a>'.$deps_slug.'&quot;>'.$deps_name.'</a>'

1 2 3 4

$deps_name   = $deps->get_field('name'); $deps_slug     = $deps->get_field('slug');   $deps_name   = '<a href=&quot;http:// <a href="http://www.mysite.com/teampage/" rel="nofollow">http://www.mysite.com/teampage/</a>'.$deps_slug.'&quot;>'.$deps_name.'</a>'

the code tag is not working with a href tag properly, so there shouldn’t be any spans and a class

The second one is about navigation – i actually do now how you can use javascript for only one page. You can render all data in divs with default CSS style as "display:none" and than change it to "display:block", using onClick – this is sure possible and won’t take tens of code lines. The all above code won’t be useful in that way, but there wouldn’t be more complicated construction, i think.

[Author]

Posts