16th Jul '24
/
0 comments

JetEngine Checkbox Condition in Bricks

This tutorial shows how elements in Bricks can be conditionally output depending on the selected option from a JetEngine checkbox custom field.

Consider a meta box titled “Post Fields” enabled for Posts having a “Features” meta box that is of type Checkbox with these possible options: Room, Wifi, Air Condition.

For Post A: Room is ticked.

For Post B: Wifi is ticked.

For Post C: Air Condition is ticked.

In the single Post template, we want a Block element to be output only if the current post has Room feature ticked.

Another Block element should be output only if the post has Wifi feature ticked.

Another Block element should be output only if the post has Air Condition feature ticked.

Step 1

Register the meta box.

Step 2

Edit your posts and tick the feature(s) it should have.

Step 3

Register a custom function that takes the feature string as its input and returns true if the current post’s feature field value has it set to ‘true’ or false if otherwise.

This is how the values are stored in a JetEngine Checkbox field:

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

<?php 

function bl_is_feature_enabled( string $feature ): bool {
    // Get the features array from post meta
    $features = get_post_meta( get_the_ID(), 'features', true );

    // Check if the feature exists in the array and if it is set to true
    if ( isset( $features[$feature] ) && $features[$feature] === 'true' ) {
        return true;
    }

    return false;
}

Step 4

Whitelist the bl_is_feature_enabled function.

Ex.:

<?php 

add_filter( 'bricks/code/echo_function_names', function() {
  return [
    'bl_is_feature_enabled'
  ];
} );

You should also add other functions (native or custom) being used in your Bricks instance besides bl_is_feature_enabled. This can be checked at Bricks → Settings → Custom code by clicking the Code review button.

More info on whitelisting can be found here.

Step 5

Edit your single post template.

Create the three Blocks and apply dynamic data condition on each.

{echo:bl_is_feature_enabled(Room)}

Similarly, apply conditions on the other two blocks by passing the feature value in the parenthesis as the argument.

If the argument has a space, wrap it in single quotes like this:

{echo:bl_is_feature_enabled('Air Condition')}

Get access to all 610 Bricks code tutorials with BricksLabs Pro

Leave the first comment

 

Related Tutorials..

Pro
Conditional Related Posts in Bricks

Conditional Related Posts in Bricks

How to output a section only if there is at least 1 related post for the current post being viewed.
Categories:
Pro
Checking if the current Page/Post has Children i.e. is a Parent in Bricks

Checking if the current Page/Post has Children i.e. is a Parent in Bricks

Shows how we can check whether the current Page or Post (of any hierarchical post type) is a parent
Categories:
Pro
Conditional Section when Post has a Featured Image in Bricks

Conditional Section when Post has a Featured Image in Bricks

This Pro tutorial provides the steps to output a Section in Bricks on single posts (of any post type) only if the post has a…
Categories:
Is WooCommerce Cart Empty Condition in Bricks

Is WooCommerce Cart Empty Condition in Bricks

Updated on 5 Nov 2024 Looking to conditionally render an element depending on whether the user's cart is empty or not when using WooCommerce? Add…
Pro
Custom Conditions in Bricks Builder

Custom Conditions in Bricks Builder

Updated on 22 Jun 2022 This Pro tutorial is a continuation of the previous Conditions in Bricks Builder tutorial. We are going to keep updating…
Categories:
Pro
Conditional CSS Classes based on Bricks Query Count

Conditional CSS Classes based on Bricks Query Count

In a Bricks project I am currently working on, there are nested query loops - team members inside departments on a Page. Each team member…
Pro
Condition for checking Bricks content

Condition for checking Bricks content

Only outputting Bricks content when a Page is built with Bricks, otherwise display WP content.
Categories:
Pro
ACF Repeater sub field value dynamic data condition in Bricks

ACF Repeater sub field value dynamic data condition in Bricks

This Pro tutorial provides the steps to output an element on single posts (can be of any post type) only if a specified ACF (Pro)…