Back to contents

JetEngine Listing Grid widget. How to display dynamically related posts on the Single post page template

Find out how to display dynamically related posts on the Single post page template with JetEngine Listing Grid widget.

If you used related posts functionality you might have need to display them on a Single post page. It’s quite easy with JetEngine. So let’s walk through this process!

Preparations

Step 1 – Ensure, that you have created the custom post type and add some posts in it. To learn how to perform it, read this guide.

Step 2 – Next, consider, that you’ve created and attached taxonomies to these posts.

Taxonomies setup with JetEngine

For further details look through this tutorial.

How to display dynamically related posts

Step 1 – Log in to your WordPress Dashboard.

Step 2 – Navigate to the Crocoblock > My library. Here you should go to the Single tab and click Add new button. Next, enter the Name of the template and click on Create a template button.

Single template with JetThemeCore

Step 3 – After that, you will be redirected to the Elementor editor where you should drop the Dynamic Field widget to the canvas and choose the Title in the Object Field.

Step 4 – Then, go to the Settings button in the bottom of the left side panel. Proceed to the General tab and ensure, that the Name and Status are correct. Go to the Preview tab and select the appropriate Post Type and in the next Select Post field enter the name of the post to be displayed.

Single template Elementor settings

Step 5 – Then you should drag-n-drop the Listing Grid widget to the free section and select the needed listing in the General tab.

Step 6 – Now, it’s time to proceed to the Posts Query tab. You should click on Add the new item button and choose in the dropdown menu the Posts Parameters type. After that, you need to put in the macros ‘%current_id%’ in the Exclude posts by IDs field in order to prevent duplication the currently displayed posts on the page from the query.

Listing Grid Posts Query adjustment

Step 7 – In the Posts Query tab, you need to add new item with Tax Query type. Select the necessary value in the Taxonomy field. The Operator should be ‘IN’ as the default one, so leave it without any changes.

Step 8 – In the Terms field, you should enter the macros ‘%current_terms%’ in order to showcase the posts with the same terms including the post which name is in the Dynamic Field widget.

Listing Grid Terms setting

Congrats! So, these easy steps are all you need to do.
You’ll have no problem displaying dynamically related posts on the Single post page template.