20th Feb '25
/
2 comments

Bricks Dynamic Condition – Check if today falls within 5 days before any holiday date

Update on 18 Aug 2025: Added the ACF version in the comments.

In the members-only Tutorial Requests section, a user asks

Conditionally show a banner if date exists and is equal to today + 5 days before

I would like to set up a banner for office closures based on holidays/ dates that I put into a meta box custom field ( would a repeater work?) I'd like the banner to show based on in the date is ON or 5 days before that day. It would go disappear if the date has passed. How can I do this?

This Pro tutorial provides a custom function that returns true or false depending on whether today falls within 5 days before any holiday dates selected on a Meta Box setting page.

Consider these dates (in yyyy-mm-dd format) on a settings page:

After implementing the tutorial you'll be able to do set a dynamic data condition like this

on a Section so it gets output only if the current date (i.e., today) is either one of the selected holiday dates or going back 5 days from any of the holiday dates.

Use case: Show a holiday banner only during the holiday period.

Example:

If one of the holiday dates is set to: 23rd August 2025, then any Bricks element can be set to be output only on these dates:

23 Aug 202522 Aug 202521 Aug 202520 Aug 202519 Aug 202518 Aug 2025

Step 1

Install and activate Meta Box and Meta Box AIO.

Meta Box → Settings Pages: Add a new settings page titled say, "Global Settings".

Meta Box → Custom Fields: Add a new field group titled say, "Sitewide". Add a Date Picker type field having a label of say, "Holiday Dates". Enable Cloneable and Sortable.

Location: Settings page = Global Settings.

Step 2

Go to your settings page and select as many holiday dates as the site's business has.

Save settings.

Step 3

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..

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…
Random Meta Box Image

Random Meta Box Image

Displaying a random image from a set of images from a Meta Box Images Advanced-type field.
Categories:
Tags:
Pro
Meta Box Date Field Value Custom Format in Bricks

Meta Box Date Field Value Custom Format in Bricks

Updated on 3 Apr 2024 Note: A custom function is no longer needed. Use the date format filter, as mentioned in the Bricks documentation. Ex.:…
Categories:
Tags:
Pro
Meta Box Group’s Number Sub Field Values Sum

Meta Box Group’s Number Sub Field Values Sum

In the Bricks Facebook group a user asked: We can define a custom function that takes a Meta Box group ID, the sub field ID…
Categories:
Tags:
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
Querying Posts by Date/Datetime Custom Fields in Bricks

Querying Posts by Date/Datetime Custom Fields in Bricks

This Pro tutorial shows how to configure ACF and Meta Box to query posts in Bricks by custom field(s) of the type Date/Date Time Picker…
Categories:
Tags:
Output HappyFiles Folders in Metabox Select-Field

Output HappyFiles Folders in Metabox Select-Field

This tutorial is part of a series where I'm gonna show you how to output custom HappyFiles Galleries and Sliders. Part one will cover a…
Categories: