From this tutorial you will learn everything about Dynamic Terms widget and its functionality. So, let’s dive in this process!
Dynamic Terms widget overview
Step 1 — Firstly, you need to create a Custom Post with the needed content and Meta Fields. For me, it’s “Portfolio”. You can find out how to create Custom Posts Types from this tutorial.
Step 2 — Then, navigate to the JetEngine > Taxonomies > Add New. Read how to create a Taxonomy in this tutorial. I’ve created the taxonomy named “Topic” and selected the Portfolio CPT in the Post Type field.
Step 3 — After that, go to the Taxonomy in the Custom Post Types you’ve created before. Here you can add different Categories.
Type in the Name and the Slug for the category. Also, you can choose the Parent Category for it, add a Description and apply Values from the taxonomy you’ve created before.
Step 4 — The next step is to open the needed post in the Custom Post Types. At the right panel, you’ll see your categories. There’s an option to Add New Category and Subcategory.
I’ve created the category named “Food” and set such subcategories as “Pancakes” and “with Strawberry”. When you’re done with customization click on the Publish button to save the results.
Step 5 — Afterward, navigate to JetEngine > Listings and click on the Add New button to proceed.
In the Listing Source field, you need to choose Posts. You can showcase your dynamic terms only for Posts, not for Terms. In the Post type dropdown select Custom Post, you’ve created. Then, type in the Listing Item Name.
Note, that you can display default categories and tags as well as custom posts.
Step 6 — Find the Dynamic Terms widget and drag-n-drop it to the section. In the Content settings block choose the taxonomy you’ve created before.
You can enable Show All Terms option to display all the terms in the taxonomy. Also, in the Delimiter field you’ll be able to add a delimiter to separate the terms from one another. Moreover, there’s an option to enable Linked terms if you want the terms labels link to the term archive page. Then, there’s an option to choose the Terms Icon for the terms from the dropdown.
The last options here is the opportunity to add the Text before terms list and after terms list.
Step 7 — The great thing here is that you can change the appearance of the terms in the Style setting block according to your vision. You’ll be able to stylize every item with the help of a huge amount of different style settings. After you’re done with all the setting click on the Publish button to save the changes.
Step 8 — The last step is to open the needed post or page and drag-n-drop the Listing Grid widget to the section where you want to place it.
Select the listing you’ve already created and customized it according to your preferences.
Then, click on the Publish button and preview the result.
Congrats! Now you know everything about Dynamic Terms widget and how to create it. Hope this tutorial was useful!