{"id":18079,"date":"2024-07-26T10:35:17","date_gmt":"2024-07-26T10:35:17","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=18079"},"modified":"2025-03-11T16:27:36","modified_gmt":"2025-03-11T16:27:36","slug":"jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/","title":{"rendered":"How to Build Grandparent\/Grandchild Relations"},"content":{"rendered":"\n
\n

The JetEngine<\/em> relations<\/strong><\/a> can connect post types, taxonomies<\/strong><\/a>, users, and Custom Content Types (CCT)<\/strong><\/a>. You can not only connect two post types, for example; you can relate post type and taxonomy, CCT and users, etc.<\/p>\n\n\n\n

The grandparent\/grandchild relations type allows the connection between two already existing relations to be set.<\/p>\n\n\n\n

\"grandparent<\/figure>\n\n\n\n

Also, you can display related grandchildren for a grandparent using macros<\/strong><\/a>.<\/p>\n<\/div><\/div>\n\n\n\n

How to Create the Grandparent\/Grandchildren Relation<\/h2>\n\n\n\n
\n

As an example, for the Medcenter<\/strong><\/a> website, we created three Custom Post Types<\/strong><\/a>: \u201cDoctors,\u201d \u201cServices\u201d and \u201cDepartments.\u201d \u201cDoctors\u201d will be a child post type,  \u201cServices\u201d \u2014 parent, and \u201cDepartments\u201d \u2014 grandparent.<\/p>\n\n\n\n

To create relations, follow the WordPress Dashboard > JetEngine > Relations<\/em><\/strong> directory and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n

We recommend creating the first relation between the grandparent and parent (\u201cDepartments\u201d to \u201cServices,\u201d in our case).<\/p>\n\n\n\n

We enter the relation\u2019s Name <\/strong>(\u201cdepartments to services\u201d) and set the Parent<\/strong> object <\/strong>(\u201cDepartments\u201d CPT<\/strong>), Child object <\/strong>(\u201cServices\u201d CPT<\/strong>), and Relation type <\/strong>(\u201cOne to many\u201d).<\/p>\n\n\n\n

Since it\u2019s the grandparent-parent relation, we don\u2019t set the Parent relation<\/strong>.<\/p>\n\n\n\n

To get detailed instructions on how to create the relation, proceed to the How to Create Relations Between Posts<\/strong><\/a> tutorial. Feel free to adjust other relation settings<\/strong><\/a> to fit your needs.<\/p>\n\n\n\n

After customizing, press the \u201cAdd\/Update Relation<\/strong>\u201d button.<\/p>\n\n\n\n

\"grandparent<\/a><\/div>\n\n\n\n

Afterward, return to the WordPress Dashboard > JetEngine > Relations <\/em><\/strong>tab and hit the \u201cAdd new<\/strong>\u201d button to create a parent-to-child relation.<\/p>\n\n\n\n

We enter the relation\u2019s Name <\/strong>(\u201cservices to doctors\u201d) and set the Parent<\/strong> object <\/strong>(\u201cServices\u201d CPT<\/strong>), Child object <\/strong>(\u201cDoctors\u201d CPT<\/strong>), and Relation type <\/strong>(\u201cMany to many\u201d).<\/p>\n\n\n\n

As the Parent relation<\/strong>, we adjust the recently created grandparent-parent relation (\u201cdepartments to services\u201d).<\/p>\n\n\n\n

Finish customizing the relation and press the \u201cAdd\/Update Relation<\/strong>\u201d button.<\/p>\n\n\n\n

\"parent<\/a><\/div>\n\n\n\n

Now, you should assign children posts to parents (doctors to services) and parent posts to grandparents (services to departments). To learn how to achieve this, proceed to the Related Items Editing Overview<\/strong><\/a>.<\/p>\n\n\n\n

How to Display the Grandparents\/Grandchildren Relation Items with Macros in Query<\/h2>\n\n\n\n

Creating the Custom Query<\/h3>\n\n\n\n

In our case, we want to display grandchildren (doctors) on the Grandparent Single page (department). For that, we need to create a custom query<\/a> for the Listing Grid<\/strong><\/a>.<\/p>\n\n\n\n

We go to WordPress Dashboard > JetEngine > Query Builder<\/em><\/strong> and hit the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n

We enter the query Name<\/strong> (\u201cDoctors on the department page\u201d) and select the \u201cPosts Query<\/a>\u201d Query Type<\/strong> since the grandchildren are the CPT <\/strong>(\u201cDoctors\u201d).<\/p>\n\n\n\n

If you, for instance, connected posts (grandparent), taxonomy (parent), and users (children) and want to display grandchildren users on the Single Post grandparent page, you need to create the \u201cUsers Query<\/a>.\u201d<\/p>\n\n\n\n

If you want to show grandparents on the Single grandchildren page, you should select the grandparent type for the query accordingly.<\/p>\n\n\n\n

\"posts<\/a><\/div>\n\n\n\n

Then, we proceed to the Posts Query <\/strong>section, General<\/strong> settings tab, and specified the Post Type <\/strong>(\u201cDoctors\u201d).<\/p>\n\n\n\n

\"\"<\/a><\/div>\n\n\n\n

Next, we open the Post & Page <\/strong>tab and hit the \u201ccoin stack<\/strong>\u201d icon near the Post In <\/strong>field. Since we want to retrieve grandchildren, we pick the \u201cRelated Grandchildren\u201d macro. If you’re going to display the grandparents, you need to select the \u201cRelated Grandparents\u201d macro accordingly.<\/p>\n\n\n\n

Learn more from the Macros for WordPress Relations<\/strong><\/a>.<\/p>\n\n\n\n

\"related<\/a><\/div>\n\n\n\n

In the macro settings, we choose the needed Grandchild Relation <\/strong>(\u201cservices to doctors\u201d). As we want to display the grandchildren on the \u201cDepartment\u201d Single page, we set the \u201cCurrent Object ID\u201d in the Grandparent ID is <\/strong>field. Then, we hit the \u201cApply<\/strong>\u201d button.<\/p>\n\n\n\n

\"related<\/a><\/div>\n\n\n\n

After customizing the custom query, we press the \u201cAdd\/Update Query<\/strong>\u201d button.<\/p>\n\n\n\n

With the JetEngine <\/em>Macros Generator<\/strong><\/a> feature, you can also generate needed macros for the related items and use them where supported.<\/p>\n\n\n\n

Displaying grandchildren on the Grandparent Single page<\/h3>\n\n\n\n

To learn how to create a Single Post page for the grandparent post type (\u201cDepartments\u201d in our case), proceed to the How to Create Archive and Single Templates for Custom Post Type<\/strong><\/a> tutorial. <\/p>\n\n\n\n

With the JetThemeCore<\/em><\/a> <\/em>plugin, you can create templates in the Elementor and WordPress block editor (Gutenberg).<\/p>\n\n\n\n

To learn how to create a Single Post template with the Bricks builder, move to the Bricks Builder Single Post & Archive Basics Explained<\/strong><\/a> <\/strong>tutorial.<\/p>\n\n\n\n

In our case, we opened the Single Post template in the Elementor editor.<\/p>\n\n\n\n

\"post<\/a><\/div>\n\n\n\n

Drag-n-drop the Listing Grid <\/strong>widget<\/a>, block<\/a>, or element<\/a> (depending on the builder you use) and select the Listing <\/strong>created for the grandchildren (for \u201cDoctors\u201d in our case).<\/p>\n\n\n\n

Customize the Listing Grid<\/strong> according to your needs. For instance, we enabled the Equal columns height<\/strong><\/a> <\/strong>toggle.<\/p>\n\n\n\n

Learn more about the Listing template<\/strong> in Elementor<\/a>, Gutenberg<\/a>, Bricks<\/a>, and Timber\/Twig<\/a>.<\/p>\n\n\n\n

\"listing<\/a><\/div>\n\n\n\n

Then, unroll the Custom Query <\/strong>tab, activate the Use Custom Query <\/strong>toggle, and select the recently created Custom Query<\/strong> with the \u201cRelated Grandchildren\u201d macro.<\/p>\n\n\n\n

The query settings will be applied right on the edited page.<\/p>\n\n\n\n

\"related<\/a><\/div>\n\n\n\n

Finish customizing the page and save the changes.<\/p>\n\n\n\n

In the same way, you can display the related grandparent items on the Grandchildren Single page.<\/p>\n<\/div><\/div>\n\n\n\n

Legacy Grandparent\/Grandchild Relation<\/h2>\n\n\n\n
<\/svg><\/div>
Warning<\/div>

If you have any Legacy<\/strong> relations created before the JetEngine<\/em> 2.11.0 update, we recommend updating them to the refactoring version. Hit the \"Edit<\/strong>\" button near the needed relation, and then hit the \"Convert into the new format<\/strong>\" button. After that, all posts will be automatically transferred, but you should manually change the macros used for relations as described above in this tutorial.<\/p><\/div><\/div>\n\n\n\n

\"convert<\/a><\/div>\n\n\n\n

Legacy relations can be created only between post types. To learn how to set up the L<\/strong><\/a>e<\/a><\/strong>gacy<\/strong><\/a> grandparent\/grandchild relations, watch this video tutorial<\/strong><\/a>.<\/p>\n\n\n\n

To display posts with this type of hierarchical path, you should use the JetEngine<\/em> Listing Grid<\/strong><\/a> widget or block. This widget helps you display a particular Listing<\/strong><\/a> and set the relation using macros.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

The following macros work only with legacy relations, which were created before the JetEngine<\/em> 2.11.0 update.<\/p><\/div><\/div>\n\n\n\n

If you decide not to update the relations and leave them legacy, you can use the following macros<\/strong><\/a> to display the grandchildren or grandparent posts in the Listing Grid <\/strong>widget or block:<\/p>\n\n\n\n

%get_grandparent|post-type-slug%<\/code><\/pre>\n\n\n\n
%get_grandchild|post-type-slug%<\/code><\/pre>\n\n\n\n
For example, to display the grandparent posts, navigate to the grandchild Single Post <\/strong>(\u201cTour\u201d in our case) <\/strong>in the Elementor or Block <\/strong>editor.<\/p>\n\n\n\n
Place the Listing Grid <\/strong>widget or block here.<\/p>\n\n\n\n
Go to the Post Query<\/strong> tab, click on the \u201cAdd Item\u201d <\/strong>button, select the \u201cPosts & Authors Parameters\u201d Type<\/strong>, and enter the macro:<\/p>\n<\/div><\/div>\n\n\n\n
%get_grandparent|post-type-slug%<\/code><\/pre>\n\n\n\n
\n
where you should change the part \u201cpost-type-slug\u201d to the CPT <\/strong>slug (e.g., \u201ctour\u201d) to showcase the data (continent) related to a certain \u201cTour.\u201d<\/p>\n\n\n\n
Also, it is possible to make it vice versa, display the Tour Listing with the Listing Grid<\/strong> in the Single Continent, and then we need to use such a macro:<\/p>\n\n\n\n
%get_grandchild|post-type-slug%<\/code><\/pre>\n\n\n\n
In the \u201cpost-type-slug\u201d part, you need to enter the slug of the grandparent post. In our case, it would be \u201ccontinent.\u201d<\/p>\n\n\n\n
As we mentioned above, you can set a macro in the Elementor editor.<\/p>\n\n\n\n
\"grandparent<\/figure>\n\n\n\n
The same settings are available in Gutenberg.<\/p>\n\n\n\n
\"grandparent<\/figure>\n<\/div><\/div>\n\n\n\n
That\u2019s all. Now you know how to create and display the legacy and refactoring Grandparent\/Grandchild relations with the JetEngine <\/em>plugin on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"
This tutorial describes how to display the grandparent\/grandchildren relations using the JetEngine plugin for WordPress. With the Listing Grid, display related grandchildren posts on the Grandparent Single page.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[399],"yoast_head":"\nHow to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T16:27:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/Relationships-upd-1x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/\",\"name\":\"How to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-07-26T10:35:17+00:00\",\"dateModified\":\"2025-03-11T16:27:36+00:00\",\"description\":\"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Build Grandparent\/Grandchild Relations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock","description":"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/","og_locale":"en_US","og_type":"article","og_title":"How to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock","og_description":"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/","og_site_name":"Help Center","article_modified_time":"2025-03-11T16:27:36+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/07\/Relationships-upd-1x.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/","name":"How to Build Grandparent and Grandchild Relations \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-07-26T10:35:17+00:00","dateModified":"2025-03-11T16:27:36+00:00","description":"Learn to build WordPress grandparent\/grandchild hierarchical relations with the JetEngine plugin. Display related grandchild items on the Grandparent Single page using the Listing Grid.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-hierarchical-posts-relations-how-to-build-a-grandparent-grandchild-relations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Build Grandparent\/Grandchild Relations"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/18079"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=18079"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=18079"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=18079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}