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.
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 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.
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“.
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.
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.
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.
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.