How to create Taxonomy term jump menu using Views in Drupal 7?

How to create Taxonomy term jump menu using Views in Drupal 7

We all know Drupal uses Taxonomies - which consists of Vocabularies and Terms. Each taxonomy terms have taxonomy pages which lists all the articles tagged with that taxonomy term. Drupal Views has "Jump Menu" as Display Format, using which we can built "Jump Menu" consisting of taxonomy terms which when clicked will take use to the taxonomy term page. There is no need of installing additional modules to create Jump Lists or Jump Menu.

In this example, we shall see how to build Jump Menu of Taxonomy Terms using Views as show below:



drupal-jump-menu-using-views

If you are looking for ways to build Jump Menu using Taxonomy Terms and Views, follow the steps below.
  • Create a new View
  • Display / Show: Taxonomy Terms of Type: Select All or particular Vocabulary
  • Check "Create Block"
  • Display Format: Jump Menu of Fields
  • Items per Page: as you desire
  • Continue and Edit


drupal-7-taxonomy-terms-jump-menu


  • Block Settings: Provide a name to identify in Structure > Blocks
  • Save the View 
  • Place the Block in a region and test
In the above steps, we directly selected Jump Menu right from the start, so Drupal takes care of the setting requirements. Thus, it works out of the box without much configuration changes.

If in case, you did not select "Jump Menu" as in the example above and continued without other formatting options, then you can check the views settings requirements to display Jump Menu as given below:

Let's assume you have created a new View and selected Taxonomy Terms to display but you did not select "Jump Menu" initially and proceeded to create the view. To create Jump Menu from here, do the following:

1) Check the filter criteria - make sure it is set to display taxonomy terms of All or some Vocabulary

Filter criteria

Taxonomy vocabulary: Machine name (=Your Vocabulary Name or All)
2) Make sure the following two fields are added under Fields

Fields

Taxonomy term: Name
  • Settings: Link this field to its taxonomy term page (checked)
Taxonomy term: Term ID
Settings: 
  • Exclude from display (Checked)
  • Thousands Marker: None
  • Rewrite the output of this field (Checked)  > Enter "taxonomy/term/[tid]" in the text area
  • Apply
3) Set the format to "Jump Menu"

Format

Format: Jump menu | Settings
Settings
  • Path Field:  Taxonomy term: Term ID
  • Hide the "Go" button  (Checked) : if you want the page to automatically jump to the selected taxonomy term page when the select is changed
  • Apply
Show: Fields | Settings
Block Settings
  • Block name: Set som meaningful block name to easily identify in Structure > Blocks
 After this,
  • Save the View 
  • Place the Block in a region and test
You should have a Jump Menu now with Taxonomy Terms in the list which should take you to the Taxonomy Term page.

(In the example above,  'Pathauto' module and 'Clean URLs' is enabled)


No comments