Back to contents

Creating custom post type archive template with JetEngine Listing Grid

This short tutorial will show you the way of creating a custom post archive template with the help of Listing Grid widget, which you can find in JetEngine plugin.

Managing your Custom Post Types with JetEngine plugin is really handy and easy. It complies with the simplicity of use and powerful dynamic functionality. With Listing Grid widget you will be able to showcase your posts just the way you need. Keep reading the tutorial to know how to create an Archive for Listing Grid.

Step 1 – First of all, you have to create a listing beforehand for the post type that you want to create an archive template for. In our case, this is Team Members.

Step 2 – Open your WordPress Dashboard > Crocoblock > My Library. Here you can see the Theme Parts screen with lots of tabs. Open the Archive one.

Crocoblock WP dashboard

Step 3 – Click the Add New button to create a new archive. Select the type of template as Archive and give it a name, e.g. Archive Listing Grid. Then, click the Create a Template button.

Archive template setup

Step 4 – Now you can see an empty page opened with Elementor. Navigate to the gear icon at the bottom-left corner of the Elementor panel and click it to open the page settings.

Step 5 – Find the Conditions accordion block and in the General dropdown select the Archive option.

Archive template conditions setup

Step 6 – In the Archive dropdown, in our case, we select the Post Type Archives option. However, you can choose whatever option you need.

Step 7 – In the Post Type dropdown, we choose the Team members post type option.

Step 8 – Open the Preview accordion block and here in the Post Type dropdown, we have to choose the Team Members option.

Step 9 – Now click the Publish button in order to save the changes and reload the page.

Step 10 – The final step is to find the Listing Grid widget in the Elementor panel and drop it on the working area.

Listing Grid widget for Elementor

Step 11 – Click the widget to see its settings and open the Content tab. Proceed to the General accordion block and identify the needed listing in the Listing dropdown and it will pull the listing grid.

Listing Grid settings

Step 12 – Finally, you can make some additional changes and in the Listing Grid widget settings and click the Update button.

We hope this tutorial was helpful! Create with Crocoblock!