Skip to main content

Simple Tag Filter Module

This module displays tags on the frontend.

Create​

  1. Go to System > Manage > Site Modules to open the Module Manager.
  2. Click New.
  3. Select Simple Tag Filter.

Setup​

As with any module, publish it, assign it to a module position, and assign it to a menu item. For more information, see the Joomla Modules Documentation.

info

The module will only appear on supported pages when tags are available to display.

Display​

Simple Tag Filter settings

Tags can be displayed in three ways:

  1. Buttons: Only one tag can be selected at a time.
  2. Buttons Multi-select: Multiple tags can be selected.
  3. Dropdown List: A Bootstrap dropdown list.

Style​

Buttons can be styled as Tags or as a Pill Switcher.

Simple Tag Filter Style: Tags

Style: Tags

Simple Tag Filter Style: Pill Switcher

Style: Pill Switcher

info

The Pill Switcher provides an animated transition that dynamically tracks your cursor as you hover over different options.

Alignment​

You can align the tags to either the start or the center of the module position.

Parent Tag​

You can display a subtree of tags by selecting their parent tag.

Pre-Selected Tag​

This setting allows you to pre-select a tag, which defines the content displayed on the page by default.

For example, if you have a category blog page with articles tagged with Music and Films, pre-selecting the Music tag will display Music articles by default. Users can still click the Films tag to filter the content.

Display Number of Items​

This option displays a counter next to each tag label.

Simple Tag Filter Counter

Use on Pages​

This setting defines the types of pages where the module will be active. It determines both which tags are displayed and the module's overall visibility.