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

Leave the first comment

 

Related Tutorials..

Pro
Condition to Check if the Current Category Has At Least One Child

Condition to Check if the Current Category Has At Least One Child

Looking to render an element in the category archive Bricks template only if the category of the current category archive page is a parent? This…
Categories:
Weekday Condition in Bricks

Weekday Condition in Bricks

As of Bricks 1.7, the built-in "Weekday" condition does not work correctly. This is most likely due to it not taking the site's timezone (set…
Categories:
Pro
How to Insert Element(s) Between Query Loop Posts in Bricks

How to Insert Element(s) Between Query Loop Posts in Bricks

Update on 16 Aug 2023: Follow this tutorial instead. This Pro tutorial shows how we can insert a Div (or any custom HTML) after nth…
Pro
Day of Week Condition in Bricks

Day of Week Condition in Bricks

Displaying elements conditionally based on the current day of the week.
Categories:
JetEngine Term Image in Bricks

JetEngine Term Image in Bricks

How to retrieve the URL of a Media type of a JetEngine custom field attached to a taxonomy term.
Categories:
Tags:
Pro
Conditional single post Bricks template based on internal referrer URL

Conditional single post Bricks template based on internal referrer URL

How to automatically select a single post template depending on the page from which the post is accessed.
Pro
Conditionally outputting an element in a Query Loop based on date-type custom field

Conditionally outputting an element in a Query Loop based on date-type custom field

This Pro tutorial shows how to output an element in a Bricks' query loop only if the value of a date-type of custom field for…
Categories:
Create A Customizable AJAX Add To Cart Button In Bricks Builder

Create A Customizable AJAX Add To Cart Button In Bricks Builder

In Bricks, you can simply create an Add To Cart button from a dynamic data / function {woo_add_to_cart}. This button supports AJAX as well if…