Back to contents

JetEngine: How to Create an Archive and Single Page for Custom Post Type

This short tutorial will show you the way of creating a Custom Post Type Archive and Single Page template with the help of JetEngine and JetThemeCore plugins.

Managing your Custom Post Types with JetEngine plugin is really handy and easy. However, to show the resulting grid you will need an Archive and Single pages. WordPress Posts have those by default but for the Custom Post Type, you will have to create them manually. From this tutorial, you will learn how to create Archive and Single Pages templates for CPT.

Note! You need to have JetThemeCore or Elementor Pro to be downloaded in order to perform steps described in this tutorial.

How to create an Archive Page?

1 Step— Add new Archive Page

Let’s assume that you have already created a Custom Post Type and a Listing Template for it.

Go to Crocoblock > Theme Builder. Here you can see the Theme Parts screen with lots of tabs. Open Archive tab.

Achive Page tab

Click the “Add New” button to create a new archive. Select the type of template as Archive Page and give it a name. Then, click the “Create a Template” button.

Archive template setup

2 Step— Define the Archive Page Elementor settings

Now you can see an empty page in the Elementor page builder. Navigate to the gear icon at the bottom-left corner of the Elementor panel and click it to open the page settings.

Unfold the Conditions menu block and in the General drop-down menu select the “Archive” option.

Archive page Condition settings

In the Archive drop-down list select the Post Type Archives option because we are creating an Archive Page for the Custom Post Type. However, you can choose whatever option you need. In the Post Type drop-down, we choose the created post type option.

Afterward, open the Preview block, and in the Post Type dropdown choose the CPT you created.

Archive page Preview settings

Now click the “Publish” button in order to save the changes and reload the page.

Now, add the Listing Grid widget, customize it, and create the layout and design that will suit your taste.

How to create a Single Page?

1 Step— Add the new Single Page

Go to WordPress Dashboard and open Crocoblock > Theme Builder, the Theme Parts window will appear, so find the Single tab and click on it.

Single Page tab

Hit the “Add New” button, name the page and tap the “Create Template” button.

creating single page

2 Step— Deal with the Elementor settings

Find the gear icon at the bottom-left corner of the Elementor panel and click it. Open the Condition menu block and in the General filed choose the “Singular” option. After that in the Singular drop-down menu pick the “Post Type” option and in the Post Type field select the Custom Post Type you have created.

Single page Condition settings

Afterward, unfold the Preview section and in the Post Type drop-down list choose the created CPT.

Single page Preview settings

After all is set, use the Dynamic Widgets to showcase the needed info. In simple words, when the user is clicking on the exact post in the Listing Grid they will see the Single Post that we have created.

That is all for the Archive and Single Pages creation. You now know how to do it with the help of JetEngine and JetThemeCore plugins. Also, don’t forget that JetEngine is not just about CPTs but custom content types, too.