25th Jan '23
/
5 comments

Post ID Query Variable-based Post Output in Bricks

Updated on 18 Dec 2024

In the Bricks forum a user asks:

I’d like to query a single post of a custom post type using the post ID passed to a page via a URL parameter. Whats the best way to do this with Bricks?

eg

Page - /details/?post_id=123

This Pro tutorial provides the steps to

  • register post_id custom query variable.
  • use Bricks PHP query editor to check if the post_id query variable is not empty and that there is a published post having an ID equal to the query variable's value.
  • pre-filter a query loop to only show the post whose ID is set in the post_id query var (URL parameter).

After implementing the tutorial when the Details Page is visited like this:

https://example.com/details/?post_id=38

a Section having a query loop (can also be Posts element instead) will be output showing the post title and any other details pertaining to a post whose ID is 38.

If post_id is not present in the URL or if it's present but with no matching post that is published, we will set the Section to not be output by applying a dynamic data condition.

Step 1

Edit your "Details" Page with Bricks.

Add a Section and inside its Container, add a Heading (optional) and a Container having a Block to use the query loop feature (on the Block).

Click the query icon and select your desired post type (default is post).

Set Posts per page to 1.

Note the query loop element's Bricks ID. It will be something like euxiab.

Step 2

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Adjacent Posts Bricks Query Loop

Adjacent Posts Bricks Query Loop

This Pro tutorial provides the steps to customize a posts query loop in Bricks to show previous and next posts on single post pages. The…
Categories:
Pro
ACPT Gallery Field Query Loop in Bricks

ACPT Gallery Field Query Loop in Bricks

How we can output images from ACPT‘s Gallery field for posts as a grid using a query loop.
Categories:
Pro
Previous Two Posts in Bricks Query Loop

Previous Two Posts in Bricks Query Loop

This Pro tutorial shows how we can modify the parameters of a Bricks query to limit the posts to the previous two whilst cycling to…
Adding any Custom WP_Query loop to Bricks’ Query Loop

Adding any Custom WP_Query loop to Bricks’ Query Loop

Sometimes we may need to create a custom post loop using Bricks' query loop feature, but wish to use our own WP_Query code for more…
Pro
Posts Grouped by Years and Months in Bricks

Posts Grouped by Years and Months in Bricks

How display posts organized by months & within years based on the published date.
Categories:
How to List Your Posts Divided by Categories in Bricks

How to List Your Posts Divided by Categories in Bricks

In this tutorial, we'll learn how to display a list of posts divided by each category. The DOM tree Here is how I structured my…
Categories:
Pro
ACF Post Object Query Loop inside a Posts Query Loop in Bricks

ACF Post Object Query Loop inside a Posts Query Loop in Bricks

How to loop through a CPT and within each post, output a list of related posts.
Categories: