How to Create a Listing Template for Custom Taxonomy in Elementor
From this tutorial, you will learn how to create a listing template for the terms from custom taxonomy with the JetEngine plugin.
JetEngine is a truly multi-functional tool and is necessary for working with the dynamics on your website. In case you need to build a complex structure to display your custom post types and custom taxonomies, this plugin for Elementor is the right choice.
Necessary Steps Before Creating Listing Template
Create custom post type and taxonomy
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.
Add meta fields to 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.
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.
You can find additional information about Meta Boxes and Meta Fields in this detailed tutorial.
Creating Listing Template for Taxonomy
Add new listing item
To start, go to the WordPress Dashboard > JetEngine > Listings to see the Listing Items page.
The next step is to click the “Add New” button at 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 create it with the Elementor editor tools. Afterward, click on “Create Listing Item“.
Go through 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 Title and Status.
In the Listing Settings section, you can change the Listing Source, From Taxonomy, change the Preview width and Make listing item clickable, which means adding a permalink to it.
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.
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.
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.
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.