Back to contents

JetEngine post relations. How to display related posts using Dynamic Field widget

This tutorial fully explains the process of showcasing related posts using JetEngine functionality for Elementor editor.

Set “one-to-one”, “many-to-many” and “one-to-many” relations between the posts and custom post types and display particular posts related to the specific publication using the Dynamic Field widget of JetEngine.

Displaying the related posts with Dynamic Field widget

Step 1 – Start by setting the post relations between the posts of different types. You can take a look at the appropriate tutorial to find out how this can be done. In our case, we establish “one-to-many” post relations, because there are one author and some of his posts.

post-relations

Step 2 – Now we have to create a Single parent post template in Crocoblock > My Library > Single tab and display child posts.

create-single-post-template

Step 3 – In Elementor editor drop the Dynamic Field widget in the certain section and set appropriate adjustments. In Content block, we choose the Source: Meta Data and the Meta Field: Child Posts.

dynamic-field-settings

Step 4 – Then, we enable the Filter field output option and set the Callback: Related posts list. Also, we add links to related posts and specify the HTML tag. The last thing we need to do is clicking the Save button.

dynamic-filter-field-output

Step 5 – After that, we go to “Authors” custom post type and view Alan Black’s related posts.

author-custom-post

Great! Now you know how to display related posts using JetEngine Dynamic Field widget.