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

1Step – Create a Post Type

Above all, make sure, that you have created a post type (a custom one or not) and the post type has some posts. Follow this link to learn how to perform it.

2Step — Custom Taxonomy

Please, ensure, that you have a custom taxonomy or a default one, to be able to create a listing for a default taxonomy, category or tag.
To learn, how to perform it, read this tutorial.

Creating a listing template for the terms from custom taxonomy

1Step — Listing Options

To start, go to the WP Dashboard > JetEngine > Listings, click on it and you will see Listing Items page.

Add New Listing

2Step — Add New Item

The next step is to tap the Add New Button on the top of the page. Then a pop up will appear. Set up the Listing Source as Terms, choose the Taxonomy and Name the Listing, Click on Create Listing Item.

Setup Listing Item

3Step — Edit with Elementor

After the Item has appeared, press on Edit with Elementor. Well, now you can add the Dynamic Widgets.

4Step — Listing Settings in Elementor

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

In the Listing Settings draw your attention to other settings such as Listing Source, From Taxonomy, Make your Listing Item Clickable, Preview width, and Permalink.

Listing Settings

5Step — Meta Field Creation

To add a Meta Field to your Taxonomy, Media Field Type, for example, go to JetEngine > Meta Boxes, click on the Add New. Then fill out all blocks, like Title, Meta Box For, Enable For, Specific Posts, etc.

Add Meta Field

Then, tap on New Meta Field and add all the needed info. Press Update Meta Box.

Add Media Meta Field

6Step — Adding Categories for Custom Taxonomy

We need to create Categories under this Taxonomy. Hover or click on your post Type, in our case it is Services, find and click on the Taxonomy. In our case, it is Investment Type and then you will see the page where you can add the categories.

Custom Taxonomy

Add the Name, Slug, and Description if needed, when scrolling down you can see the Media Meta field which we have created previously, so choose the Picture that must be displayed in this Category.

Add New Category

7Step — Drag and Drop Dynamic Widgets

To add a Title or any other textual information from meta fields choose the Dynamic field, set up the Source as and Object Field as Title, after that, you will see all needed info.
To add the Picture drag and drop Dynamic Image. Set up Source as a Post thumbnail option and enter the Custom meta field key ‘Media’ to show the term image.

Edit Dynamic Image

8Step — Update and Use Listing Grid Widget

When all is set and saved, you need to display the Listing through the Listing Grid. Choose/Create the Page or Archive, click on the Edit with Elementor, drag and drop the Listing Grid Widget.
In the Listings block, choose the previously created one.

Lisiting Source

Here is how it will look:

Listing Grid

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. Check this tutorial to learn more about the way you can use the terms listing in the Listing Grid to display the terms whenever and wherever you want.