18th Mar '24/0 comments/

Dynamic Date in Bricks Countdown Element

As of Bricks 1.9.7.1, the built-in Countdown element's Date control does not support dynamic data. That is, it is not possible to set this date from a custom field value natively.

Using BricksExtras' Pro Countdown element is one way of getting around this limitation.

The other option is to use the bricks/element/render filter to set the date programmatically to be equal to that of the custom field value.

This Pro tutorial shows how.

Step 1

Add a field of type 'Date Time Picker' using ACF.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
bricks/element/render
Plugins
Pro

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 526 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Conditional Rendering Based On Meta Box Group’s Sub Field

Conditional Rendering Based On Meta Box Group’s Sub Field

This Pro tutorial shows how we can output an element on a single post pages only if a specified sub-field (custom field created using Meta…
Read more →
Categories: Bricks, Plugins, Pro
Tags: bricks/element/render, Conditions
Pro
Conditional Rendering Based on Current Date and Time in Bricks when Using Meta Box

Conditional Rendering Based on Current Date and Time in Bricks when Using Meta Box

A Pro member of our site asks: Using bricks + Meta, conditionally show a post listing under 3 different conditions, based on the Current Date…
Read more →
Categories: Bricks, Plugins, Pro
Tags: bricks/element/render, Meta Box
Pro
Conditionally Outputting Query Loop Item Based on Post Meta in Bricks

Conditionally Outputting Query Loop Item Based on Post Meta in Bricks

Rendering query-loop enabled posts depending on the value of each post's custom field value is tricky because by default, the custom field plugins' functions or…
Read more →
Categories: Bricks, Pro
Tags: bricks/element/render
Pro
Data Attribute-based Conditional Output in Bricks

Data Attribute-based Conditional Output in Bricks

Showing how to prevent rendering any elements that have a specific data attribute set.
Read more →
Categories: Bricks, Pro
Tags: bricks/element/render
Pro
Restrict Content Pro in Bricks

Restrict Content Pro in Bricks

This Pro tutorial provides the steps to restrict Pages and individual elements like Sections in Bricks depending on whether the current user has any active…
Read more →
Categories: Bricks, Plugins, Pro
Tags: bricks/element/render, Filters