Back to contents

JetEngine: How to Create a Listing Template for Custom Taxonomy

From this tutorial, you will learn how to create a listing template for the terms from custom taxonomy with JetEngine plugin.

JetEngine is a truly multi-functional tool and necessary for working with the dynamics on your website. In case if you need to build a complex structure to display your custom post types and custom taxonomies, this plugin for Elementor is the right choice. Let’s get started!

Necessary steps before creating a listing template

1 Step — Create a Custom Post Type and Taxonomy for it

Above all, make sure, that you have created a Custom Post Type and added some posts of that type. If you need some guidance – go through our CPT creation tutorial.

By the way, you don’t necessarily have to create a Custom Post Type or Custom Taxonomy. JetEngine allows you to work with the default WordPress functionalities. So you can create Listings for custom and default posts, taxonomies, and terms.

Make sure, that you have a custom taxonomy or a default one to continue. To learn how to create a custom taxonomy – check out this guide.

2 Step — Add meta fields to the taxonomy

Dynamic Field widget is able to display the taxonomies name, description, and post count. However, if you want also to add any other data, like a single picture or image gallery, you will need to add corresponding meta fields.

If you are creating a Custom Taxonomy, you can add meta fields right in the taxonomy editing window. Go to JetEngine > Taxonomies and either click the “Add New” button or choose to edit the existing taxonomy. The meta fields can be added in the Meta Fields block by hitting the “New Meta Field” button.

adding new meta fields

If you are going to create a Listing for the default term, you can add a Meta Box to it. Go to the JetEngine > Meta Boxes and press the “Add New” button. Open the General Settings block. In the Meta Box for drop-down menu choose the “Taxonomy” option and in the Enable for Taxonomies field pick the default WP term.

Meta Box for taxonomy

You can find additional information about Meta Boxes and Meta Fields in this detailed tutorial.

Creating a listing template for the taxonomy

1 Step — Add new Listing Item

To start, go to the WP Dashboard > JetEngine > Listings to see the Listing Items page.

Listings table

The next step is to click the “Add New” button on the top of the page. Then a pop up will appear. Choose the “Terms” option in the Listing Source option, choose the needed taxonomy in From taxonomy drop-down list, name the Listing and select to create it with the Elementor editor tools. Afterward, click on “Create Listing Item“.

New taxonomy listing creation

2 Step — Go through the Listing Item Settings

In the lower-left corner of the screen find the settings icon and click on it. In the General Settings block, you should choose the Title and Status.

In the Listing Settings section you can change the Listing Source, From Taxonomy, change Preview width and Make listing item clickable, which meant adding a permalink to it.

Listing Item Settings for taxonomy

3 Step — Add Dynamic Widgets

The Dynamic field widget can help you to add any type of text information to the Listing. First of all, if in the Source drop-down list you will choose the “Post/Term/User/Object Data” option you will be able to add Term name, description, and Post Count. Those are the data you insert creating a taxonomy and linking posts to it.

choosing term data in the Sourse field

If you have added some meta fields to the taxonomy, in the Source drop-down choose the “Meta Data” option. Then you will be able to choose the field you created in the Meta Field feature.

choosing meta data in Source drop-down

You can also add images and links to the Listing with the help of Dynamic Image and Dynamic Link widgets. If you need some help – read the Dynamic Field, Dynamic Image, or Dynamic Link tutorials.

When you are done creating a Listing – hit the “Publish” button.

4 Step — Create the listing grid

When all is set and saved, you need to display the Listing through the Listing Grid. Find the page where you need a taxonomy grid and click on the “Edit with Elementor” button. Drag and drop the Listing Grid widget to the page. In the Listings drop-down menu choose the previously created one.

Now you can use the listing template in order to showcase the terms (either the default ones or the custom ones you’ve created) with the Listing Grid widget.