50% Off Limited Time Offer

Days
Hrs
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Hotspots - Featured Blog
How to Create a Comparison Table with Elementor
2151884857

Taxonomy Terms for Elementor

The Taxonomy Terms Widget can be used to showcase your WordPress tags and categories in different ways. The Taxonomy Terms widget allows you to create an archive type navigation menu using a taxonomy. The widget generates a list of the terms that belong to a specific taxonomy so that each item can be clicked to navigate easily to the term archive in your WordPress website.

 

Let’s look at each of the options in the “Taxonomy Terms Widget” below.

Install Taxonomy Terms Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Taxonomy Terms”
  3. Hover over the widget in the search results and click install
  4. Add your “Taxonomy Terms” widget to any Elementor Page

General Settings

1

Select Post Type

Select the post type from given options.

  • Post
  • Product
  • Variations
2

Select Taxonomy

Select the taxonomy from dropdown options.

  • Category
  • Tag
  • Format
3

Include By

Select from the options below to include the exact posts you want.

  • Specific Terms
  • Children of
  • Children of Current Term
  • By Search Text
  • Only Childless
  • Not a Child of Other Term
  • Term Meta
4

Exclude By

Choose the posts you want to exclude.

  • Specific Terms
  • Current Term (for archive only)
  • Hide Empty Terms
5

Max Number of Terms

Choose the max number of terms you want to display.

6

Order By

Order the terms using below given options.

  • Default 
  • Name
  • Slug
  • Term Group
  • Term ID
  • Description
  • Parent 
  • Count - (number of posts associated)
  • Include - (specific terms order)
  • Meta Value
  • Meta Value - Numeric
7

Order Direction

Select the order direction of posts.

  • Default
  • Descending
  • Ascending

Taxonomy Terms Settings

1

Icon

Choose an icon to display.

2

Layout

Select the layout to display taxonomy terms.

  • Grid
  • Inline Terms
3

Grid Columns

Type the number of grid columns to display.

4

Grid Gap

Set the grid gap between grid items.

5

Show Icon

Show/Hide the icon element.

6

Show Number of Posts

Show/Hide the number of posts in a specific term.

7

Show Description

Show/Hide the description element.

8

Show Image

Show/Hide the image.

9

Responsive Breakpoint

The taxonomy terms list will show only when clicking on toggle under the screen resolution you have set as responsive breakpoint.

10

Open Toggle Icon

Choose an icon for open toggle.

11

Close Toggle Icon

Choose an icon for close toggle.

12

Toggle Alignment

Set the toggle alignment.

  • Inherit
  • Left
  • Center
  • Right

Taxonomy Terms Widget Styling

You can control very aspect of the widget’s design through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Item Styling

Set the item padding, border, radius, margin, typography, and color.

Item Hover Styling

In this section, style the item hover text color, background color, border width, and border color.

Item Selected Styling

You can set the item selected text color, background color, and border.

Icon Styling

In this section, set the icon spacing and icon size.

Description Styling

Style the description padding, color, and typography.

Post Count Styling

Here, you can style the post count spacing, color, and typography.

Toggle Styling

You can style the size, background, color, border, and radius of toggle button.

Usage Examples

Here are some live use cases for the Taxonomy Terms Widget.

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!