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.
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.
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.
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.
Then, tap on New Meta Field and add all the needed info. Press Update Meta Box.
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.
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.
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
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.
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.
Here is how it will look:
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.