Taxonomy Slider Widget

Estimated reading: 4 minutes 12 views

Overview

The Zozo Taxonomy Slider widget allows you to display Event Builder taxonomies such as Categories, Tags, and Labels in a modern, responsive slider. It helps visitors quickly browse event collections while highlighting featured event categories and topics.

Built with Swiper.js, the widget includes responsive layouts, autoplay, navigation controls, pagination, and extensive styling options. It is ideal for homepages, conference websites, event directories, landing pages, and category showcase sections.


General Settings

Overview

The General section contains the basic widget configuration options.


Extra Class

Add one or more custom CSS classes to the widget.

This allows you to apply custom styling using your own CSS.

Example

featured-taxonomy-slider
homepage-categories
conference-topics

Multiple classes can be separated with spaces.


Taxonomy Settings

Overview

The Taxonomy Settings section determines which taxonomy terms are displayed in the slider.


Taxonomy Type

Choose the taxonomy that should be displayed.

Supported taxonomies include:

  • Event Categories
  • Event Tags
  • Event Labels

The widget automatically loads all available terms from the selected taxonomy.


Terms Per Page

Specify how many taxonomy terms should be displayed.

Example:

8

Increasing the number displays more slides, while lower values improve loading performance.


Include Terms

Display only selected taxonomy terms.

This option is useful for creating:

  • Featured Categories
  • Popular Topics
  • Homepage Sections
  • Promotional Categories

Exclude Terms

Hide selected taxonomy terms from the slider.

This allows you to remove specific categories, tags, or labels without deleting them.


Hide Empty Terms

Choose whether taxonomy terms without assigned events should be hidden.

Options

  • Yes
  • No

Enabling this option displays only active taxonomies that contain published events.


Order By

Choose how taxonomy terms should be sorted.

Common sorting options include:

  • Name
  • Event Count
  • ID
  • Menu Order
  • Random

Order

Choose the display order.

Available Options

  • Ascending
  • Descending

Ascending displays taxonomy names alphabetically, while Descending reverses the order.


Display Settings

Overview

Choose which information appears inside each taxonomy slide.

Displayed information may include:

  • Featured Image
  • Taxonomy Name
  • Description
  • Event Count
  • View Events Button
  • Read More Button

Each element can be enabled or disabled depending on your layout.


Featured Image

Display the featured image assigned to each taxonomy.

Using attractive images makes the slider more engaging and visually appealing.


Taxonomy Name

Display the category, tag, or label name.

The title automatically links to the taxonomy archive page when enabled.


Description

Display a short description for each taxonomy term.

Descriptions help visitors understand the content of each category before browsing events.


Event Count

Display the total number of events assigned to each taxonomy.

Examples include:

  • Conferences (24)
  • Workshops (15)
  • Webinars (10)

Showing event counts helps visitors identify popular topics.


Button Label

Customize the text displayed on the action button.

Examples include:

  • View Events
  • Explore
  • Browse Events
  • Learn More

Slider Settings

Overview

The Slider Settings section controls the behavior of the carousel.


Slides Per View

Choose how many taxonomy cards should be visible at one time.

The widget supports responsive settings for:

  • Desktop
  • Tablet
  • Mobile

Slides Per Group

Specify how many slides move during each navigation action.

Lower values create smoother transitions, while larger values browse through taxonomy items more quickly.


Space Between Slides

Control the spacing between individual taxonomy cards.

Increasing the spacing creates a cleaner layout with more whitespace.


Infinite Loop

Enable continuous looping.

When enabled, visitors can browse taxonomy items endlessly without reaching the final slide.


Autoplay

Automatically rotate taxonomy slides.

This option is ideal for:

  • Homepage Hero Sections
  • Featured Categories
  • Promotional Sections

Autoplay Delay

Specify the delay between automatic slide transitions.

Choose a value that gives visitors enough time to read each slide.


Pause on Hover

Pause autoplay whenever visitors hover over the slider.

This improves readability and user experience.


Transition Speed

Control how quickly the slider moves between slides.

A balanced transition speed creates smooth and professional animations.


Navigation Settings

Overview

Navigation controls allow visitors to browse taxonomy slides manually.


Navigation Arrows

Display Previous and Next arrow buttons.

Visitors can navigate through taxonomy items one slide at a time.


Pagination

Display pagination beneath the slider.

Depending on your configuration, pagination may appear as:

  • Dots
  • Numbers
  • Progress Indicators

Touch Swipe

The slider supports touch gestures on mobile devices.

Visitors can swipe left or right to browse taxonomy items naturally.


Responsive Settings

Overview

The Taxonomy Slider widget is fully responsive.

Layouts automatically adjust for:

  • Desktop
  • Tablet
  • Mobile

Slides, spacing, typography, and navigation controls are optimized for every screen size.


Notes

  • The Taxonomy Slider widget supports Event Categories, Event Tags, and Event Labels.
  • Visitors can click any taxonomy item to view its archive page and related events.
  • The widget uses Swiper.js to provide smooth animations, responsive layouts, and touch support.
  • Navigation arrows, pagination, autoplay, and looping can be enabled or disabled independently.
  • Empty filters are ignored automatically.
  • Additional customization options for colors, typography, spacing, borders, navigation, pagination, and animations are available under the Style tab in Elementor.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Taxonomy Slider Widget

Or copy link

CONTENTS