How to Create a Listing Template for Reviews

This tutorial provides a step-by-step guide on creating a Listing template for JetReviews using the JetEngine plugin. It explains how to configure a listing item, apply dynamic fields to display review data such as author, title, content, date, and rating, and integrate the template within a Listing Grid on the front end.

In our example, we will create a listing for reviews for the “Properties” Custom Post Type (CPT).

Add a New Listing Item

Proceed to the WordPress Dashboard > JetEngine > Listings/Components tab and press the “Add New Item” button.

Once the Setup Listing Item window has opened, these fields should be set:

• Listing source — select the “JetReviews” option;
• Listing Item Name — type the name for the listing here;
• Listing View — in this drop-down menu, you can choose to create the listing using Elementor, WordPress block editor (Gutenberg), Bricks, or Timber/Twig. For now, we select the “Elementor” option.

Afterward, click the “Create Listing Item” button.

Fill the Listing with Content

The listing item can be customized with any widgets you find handy. For this tutorial, we will display dynamic review data using Dynamic Widgets, especially the Dynamic Field.

In the Dynamic Field settings, keep the “Post/Term/User/Object Data” Source and select the required options from the JetReviews section from the Object Field dropdown.

For example, we set “Author Name,” “Title,” and “Content” for different Dynamic Fields.

Then, we add another Dynamic Field with the “Date” Object Field. It shows the date and time when the review was published.

To express the date in a period, such as “2 days ago,” we enable the Filter field output toggle and select the “Human readable time difference” Callback. Also, we activate the Customize field output toggle and enter “ago” after the ‘%s’ value.

Then, we place the Rating widget. We press the “database” icon next to the Rating option and select the “Review Property” dynamic tag.

After the selection, click on the dynamic tag and set the “Rating” Type in the pop-up.

Finally, we add two additional Dynamic Fields with the “Likes” and “Dislikes” Object Fields and the corresponding Field Icons set. After that, we push the “Publish” button.

Create a Query

By default, a Listing Grid with the Listing template will display all reviews. With a custom query, you can narrow down the results according to your needs.

In our case, we will create a query to show reviews for the current post.

Go to WordPress Dashboard > JetEngine > Query Builder and press the “Add New” button.

Enter the query Name and select the “Jet Reviews Query” Query Type.

In the Jet Reviews Query section, select the “Post” Source. Click the “database” icon next to the Source ID option and select the “Current ID” macro.

Customize other options if needed, then click the “Add/Update Query” button.

Display the Listing on the Single Page

In our case, we open a Single Post page created with JetThemeCore in the Elementor editor. More information can be found in the How to Create a WordPress Single Post Page Template tutorial.

Here, we place the Listing Grid and select the required Listing. For now, it shows all reviews.

Unroll the Custom Query tab, enable the Use Custom Query toggle, and select the recently created Custom Query. Now, only the review associated with the current post is displayed.

That’s all. Now you know how to create a dynamic listing template for JetReviews using the JetEngine plugin for WordPress.