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 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Accordion Grid Query Loop in Bricks

Accordion Grid Query Loop in Bricks

How to set up a accordion in Bricks such that the "titles" are arranged in a grid with the full width content opening below.
Categories:
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 1)

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 1)

This tutorial provides the PHP & JS codes that can be pasted in order to create a dynamic map with markers populated from a custom…
Categories:
Pro
Dynamic Posts Lightbox in Bricks using GLightbox

Dynamic Posts Lightbox in Bricks using GLightbox

Steps to set create a dynamic lightbox with content from the post inside of the query loop.
Categories:
Using WP Grid Builder Facets with Bricks’ Query Loop

Using WP Grid Builder Facets with Bricks’ Query Loop

Update: This tutorial was written before WPGB had a Bricks add-on. Now, it is advisable to use that add-on instead. Get it from here. Updated…
Categories:
How to create filters with IsotopeJS in Bricks (Part 4): AJAX filter and infinite loops, Sorting, List view and Disable animations

How to create filters with IsotopeJS in Bricks (Part 4): AJAX filter and infinite loops, Sorting, List view and Disable animations

This tutorial will explain how to enable the AJAX filter with an infinite scroll query loop container, how to add a sorting function, how to…
Categories:
Pro
Ordering Posts by Terms in Bricks

Ordering Posts by Terms in Bricks

How to output upcoming events at the top and past events below in a single query loop in Bricks.
Categories: