Stand with Ukraine. Fight for freedom and democracy

Back to contents

How to create an archive page for the custom taxonomy

Get to know how to create an archive template for the custom taxonomy in order to display it in the appearance of listing with the help of the Listing Grid widget.

With JetEngine and JetThemeCore plugins, you can create an archive template even for the custom taxonomy. So that you’ll have an opportunity to style posts dedicated to each taxonomy and specific terms of this taxonomy.

Creating a listing template for an archive

All you need for this purpose is custom taxonomy that has been created with the help of JetEngine.

Step 1 — The first thing you should do is to create a listing template for the taxonomy. Go to JetEngine > Listings and click Add New button.

Listing items in JetEngine

Step 2 — In the popup window select Terms in the Listing source field.

Step 3 — Then, choose a taxonomy for which you need to create an archive. In my case, it is Topic.

Setup listing item

Step 4 — After that, type in listing name and click Create Listing Item button.

Step 5 — Now, in Elementor you should drag and drop Listing Elements widgets in order to create a template for the taxonomy you’ve chosen.

In my case, I need to display the term name, its description, and an image. So I drop Dynamic Field widget and in the Object Field block select Term name and Term description.

Dynamic Field settings

Also, I drag Dynamic Field widget once again or duplicate the previous section and select Meta Data in the Source field. Then, select the needed Meta Field. In my case, it is Image.

Meta Data source in Dynamic Field

Take into consideration that in order the image can be displayed, you should enable Filter field output option. Then, select Get image by ID option from the Callback dropdown. And finally, paste the ID of the image, which you entered while creating this meta box.

Callback option in Dynamic Field settings

Step 6 — Finally, click the Publish button and go back to the Dashboard.

Creating an archive template for the taxonomy

Step 1 — Go to the JetThemeCore library, click the Archive tab and click Add New button.

Archive tab in Crocoblock library

Step 2 — Then, set the name of the template and click Create Template button.

Archive template type

Step 3 — Now, in Elementor drag and drop Listing Grid widget and in the Listing field select the listing you’ve just created.

Listing Grid widget adding

Step 4 — Choose the number of columns and enable Use as Archive Template button.
As you can see, the posts are displayed according to the listing template.

Step 5 — After this, you should set the conditions in order the archive could be applied to the particular taxonomy.

Navigate to the Settings > Conditions block. In General field select Archive, as we want to create an Archive template.

Conditions for the Archive template

Step 6 — In the Archive field select Custom Taxonomy Archive option. And, in the Taxonomy field select the essential taxonomy for which you want to create the template.

Conditions for the Archive settings

Step 7 — Also, you can specify to which concrete terms you need to apply this archive template. For instance, you have a have a custom called Topic and different subcategories. And you need to apply this template to the category called Nature. So, you should type in Nature in the Select Terms field. Click the Publish button.

Step 8 — Now, switch to the Preview block and set the post type to which dedicated the taxonomy.

Preview setting for the Archive template

And don’t forget to reload the page after applying Preview settings.

Step 9 — After all customizations are completed, save the changes and view your archive page.

Archive template front-end

Hoping this helps you to create the archive template for the custom taxonomy.