The new Joomla 3.1 Tags

The new Joomla 3.1 Tags

Joomla 3.1 is about to launch in March and one of the most exciting proposed features for it is Tags. The Tags feature is still currently under review i.e. it hasn't been decided whether they will be included or not, we hope they will be since they are quite a fancy feature. One of the best features about the Tags component is that it allows other extensions to connect to its API and use the tags. Extension developers can implement tagging into their component and interact with other tags easily. Here is a brief introduction to the Tags feature from


In the following screenshots, we'll take you through the Tags component, its menu items, and extensions, as well as highlight some of its coolest features along the way.

Tags are controlled via the Tags component


Easy to add new tags


Adding a new tag is quite easy and similar to adding a new article. Just go to Tags component, then click on New, and fill in the information within the tabs.


Tags can be nested


One of the great features about the Tags implementation is that tags can be nested. One Tag can have a single parent tag and multiple child tags. This allows you to organize tags better and also to display a large number of related tags easier.


Images can be associated with the tags


Each tag can also be associated with an image (full image), as well as with a teaser image.

Each component can tag


As mentioned in the introduction, one of the best features about the Tags component is that it allows other extensions to use the tags. The core components will also have tagging enabled if the Tags feature gets added to the core. For example, the image above, I've create a Contact within Contact Manager called "Nick Savov", and I assigned the OSTraining Staff, Nick Savov, and Joomla Bug Squad tags to it.

For instructions on how to integrate Tags into your own extension, click here.

Display the tags via menu Items


There are currently four menu items from which you can choose:

  1. Tagged Items
  2. Compact list of tagged items
  3. Compact Tags View
  4. List of all tags

Once you've selected a menu item type, you can select any tag from the Tag drop-down box. Each selected tag is then aggregated within the field and can be deselected by clicking the x next to it.


Remember the Contact that we created? What if we only wanted to display it and any articles with the tags "OSTraining Staff, Nick Savov, and Joomla Bug Squad"? We could simply use a combination of the Tag field and the Type field. The Type field allows me to narrow down my selection and select only the components types that I would like to display, which also contain the above tags.


In the front-end, in the image above, the horizontal text would be my tags, while the list would be the items that contain at least one of those tags, which in this case happens to all be my contacts from Contact Manager.

Advanced menu item options


What if you just want to display the tags that contain all the items above? Then you can use the Menu Items options and Match Type by All (see image above). There are also a number of other advanced options (see above).

Additional features

The Tags features has the main component and two extra extensions:

  1. A Similar Tags module
  2. A Smart Search plugin for Tags

How you can test Tags and help out

  1. Click here to download the test package
  2. Install it as you would Joomla
  3. Play around it and report any bugs at at Github.

Finally, a thank you to the primary developer, Elin Waring, along with help from other Joomla community developers and testers.

One more thing...

Do you have friends or a Facebook group who you think would find this useful? Share this with them and then let me know what they think.

Want to supercharge your website?

Our website loads FAST ... just 1.29 seconds. We're hosted on FAST InMotion VPS servers We want YOUR website to be fast too, so we've gotten you an exclusive deal - 47% OFF for DART Creations friends + FREE domain! Check it out NOW!


who are we?

DART Creations is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run - a website for drone hobbyists

David attard

Follow us on Social





Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website


InMotion Hosting Review - Recommended Web Hosting servers for business, Joomla, WordPress and ecommerce websites.

InMotion Hosting Review

Advertise on

DART Creations is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)

The Outstanding HunGRYJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get this bundle for just $29 - This month ONLY!

The Hungry JPEG Awesome font bundles

New! DIVI 3.0 WordPress TeMPLATE + PageBuilder - 10% OFF Limited Launch offer

You'll surely create a perfect website with Divi 3.0!

Divi 3