How to set up a menu in a page which varies the content on the same page

[nstratman]

What I want to do is set up a page which looks like this:

The first few paras are fixed. Below that is a horizontal menu of 4 to 6 items, ideally tabs. The content displayed below the menu depends on which of the menu items is selected.

I imagine I’ll be using some per page bottom widgets. I can see how to place the menu in a per page widget. And I think there’s a way I can put a page as a shortcode into each of say 6 per page widgets (in preference to putting all the images and text direct into a rich text widget?). Is that right, or is there a better approach. I’m using Xtreme+.

Thank you.

[Weaver]

No link in your post, so it makes it hard to know exactly what you mean.

But from what I think I understand is that you want 4 to 6 items to be selectively displayed depending on what menu/tab is selected.

And if you really do mean tabs, then the Weaver Theme Support [tab_group] shortcode might do just what you want. See the demo at the bottom of the page here: http://demo.weavertheme.com/weaver-x-theme-support-plugin-shortcodes/

[nstratman]

Thanks. I didn’t include a link because it’s a page that doesn’t exist at the minute.

The concept is that on a single page, invoked from the main site menu, there will be 3 regions. The first region will be some text. Under that will be a page specific menu, different from the site menu. The third region under the menu will be content depending on the menu selection. So I just wondered if page specific widgets were the way to go.

If I get chance before I go away in a couple of days I’ll have a go at putting something together.

[Weaver]

Since a traditional menu (like the ones you could get with [extra_menu] will open a new page, what you seem to be describing requires a JavaScript based selector that will hide or show various content – which is what the tab shortcode does.

The alternative would be to have multiple individual pages with the same content on part, and the individualized content on the bottom.

[nstratman]

Thank you, yes I considered your second suggestion and I’ll give it a try along with the tab menu.

[Gillian]

@nstratman – in case it helps to see a real-life example of the type of page I think you are trying to achieve, I use the tab_group shortcode on a number of pages of my website – for example

http://www.poliohealth.org.au/proposals/

Some options are built into the shortcode and others you will need to use custom CSS for.

You can remove the border around the tab content if you want.  If you leave the border, then depending on the tab content, you may need to put a clearing div after the content. 

[Author]

Posts