Child Posts Section in Bricks

This Pro tutorial provides the steps to limit the posts (can be of any post type) output by Bricks‘ query loop to children of the current single post being viewed on the front end.

Note: The post type should be set to be hierarchical with Page Attributes support.

We shall also ensure that the Section gets rendered only if there is at least 1 child for the current post.

Step 1

Add the following in child theme‘s functions.php or a code snippets plugin:

<?php

if ( ! function_exists( 'bl_get_child_posts' ) ) {
	// Function to return an array of current post's (of any post type) child posts and the count of the same
	function bl_get_child_posts(): array {
		$posts_array = [];

		$args = array(
			'post_parent' => get_the_ID(), // current post ID
			'post_type' => get_post_type(),
			'numberposts' => -1, // retrieve all child posts
		);

		if ( empty( $args ) ) {
			return $posts_array;
		}

		return [
			'posts' => get_posts( $args ),
			'count' => count( get_posts( $args ) )
		];
	}
}

Step 2

Edit your Bricks Page/Template.

Add a Section and inside its Container, an optional heading.

Add a Container having a Block and enable query loop on the Block.

Add a Basic Text element inside the Block having:

{post_title:link}

Click the Query icon on the Block and set Post type to your post type.

Toggle Query editor (PHP) on.

Paste:

return [
  'post__in' => wp_list_pluck( bl_get_child_posts()['posts'], 'ID' ),
  'posts_per_page' => -1,
];

Step 3

Select the Section and apply a Dynamic data condition.

{echo:bl_get_child_posts:array_value|count}

This will make the Section be output only if the current single post of your post type has at least 1 child post.