Opens in a new tab
4th Oct '24
/
0 comments

Bricks Query Loop: Outputting a Fixed Number of Items

Bricks Query Loop: Outputting a Fixed Number of Items

In the BricksLabs Facebook group a user asks:

How might I repeat query loop items until it reaches a specific number?

One service might have 7 images, another might have 10, but there needs to be exactly 13, so they need to loop again until 13 is reached.

This Pro tutorial shows how bricks/query/result filter can be used to intercept the query result and modify it to output a fixed number of items by re-using the items.

We shall cover two types of queries - Meta Box cloneable group and Posts.

Meta Box Cloneable Group

Consider a "Features" group-type field having "Feature Name" and "Feature Details" subfields.

Field populated for a specific Page:

In the Bricks editor setting up a query loop for this Meta Box group shows the three items like this:

The requirement is to show exactly 13 items by filling the remaining 10 slots with the existing ones, like this (screenshot after implementing the tutorial):

Here's how.

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
Setting a Bricks template for Parent pages

Setting a Bricks template for Parent pages

This Pro tutorial shows how bricks/active_templates filter can be used to programmatically assign a Bricks template to all singular pages (of any post type) that…
Pro
Random Row from ACF Repeater in Bricks

Random Row from ACF Repeater in Bricks

In the past, we shared how the first row of a ACF Repeater can be output in a Bricks query loop here. This Pro tutorial…
How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries

How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries

This tutorial series will review how to create a dynamic filterable image gallery using the IsotopeJS library‘s features in Bricks. Requirements Create a custom taxonomy for your…
Pro
Filtering posts by a group field’s subfield value with Meta Box when using a custom table in Bricks

Filtering posts by a group field’s subfield value with Meta Box when using a custom table in Bricks

Filtering a query loop to output only those posts with the value of a Select subfield of a Group field set to Yes when using…
Categories:
Tags:
Pro
Meta Box Group Subfield Text’s Slug as Query Loop Item ID in Bricks

Meta Box Group Subfield Text’s Slug as Query Loop Item ID in Bricks

In the BricksLabs Facebook group a user asks: I have a metaBox custom field called 'section_title' inside a clonable metabox group called 'about_section' How can…
Categories:
Tags:
Pro
Making a Nav Menu Item Active for Custom Post Type Single Views in WordPress

Making a Nav Menu Item Active for Custom Post Type Single Views in WordPress

Consider this scenario: CPT: project Page titled "Project" is being used to show a list/grid of all the projects rather than the CPT archive. When…
Categories: