Help Center

How to Display Related Posts Using Listing Grid

How to Display Related Posts Using Listing Grid

Find out how to display the Related Posts section on the Single post page with the help of the JetEngine Listing Grid widget.

If you want to offer your users to take a look at the posts related to the one they are currently viewing, you might need to display them on a Single post page. It’s quite easy with the Listing Grid widget and JetEngine plugin functionality. So let’s walk through the process.

Create Single Page Template

Log into your WordPress Dashboard and navigate to the Crocoblock > Theme Builder. Open the Single tab and click the “Add new” button. Enter the Template Name and click on the “Create Template” button.

creating single page

After that, you will be redirected to the Elementor editor. Click on the “Settings” button at the bottom of the left side panel and unfold the Conditions section. In the General field, choose the “Singular” option, and in the Singular drop-down menu, select the “Post Type”. In the Post Type field, add the CPT for which you are creating this Single page.

single post type conditions settings

Go to the Preview section and select the created Post Type. In the next Select Post field, enter the name of the post to be displayed. The post you choose will be used as an example for the Single Page.

single page preview settings

Add Listing Grid Widget

Find the Dynamic Field widget and drop it to the page. In the General menu section, choose the Listing template you have created for the CPT. Afterward, open the Posts Query section and hit the “Add Item” button. In the Type dropdown menu, choose the “Posts&Author Parameters” option. After that, you need to put in the macros %current_id% in the Exclude posts by IDs field in order to prevent duplication of the currently displayed posts on the page from the query.

posts query for related posts

Now, add a new item with the “Tax Query” Type. Select the taxonomy you have created for the CPT in the Taxonomy field. Leave the Operator at the “IN” option and Field at “Term ID”.

In the Terms field, you should enter the macros %current_terms% in order to showcase the posts with the same terms as the one the user is currently looking at.

tax query for related posts

Now you’ve learned how to display related posts on the Single post page template using the Listing Grid widget of the JetEngine plugin.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.