Loading experience
Docs/Conditions & Dynamic Data
Logic Modules

Conditions & Dynamic Data

50+ visibility conditions, 80+ dynamic data tags and 100+ interaction triggers and actions โ€” configure element logic entirely inside Bricks Builder.

50+ conditions
80+ dynamic tags
100+ interactions
๐Ÿ”€
Overview

Three independent modules extend Bricks Builder with logic and data capabilities โ€” no code required for any of them.

ModuleWhat it does
Conditions50+ additional visibility rules for any Bricks element โ€” show/hide based on user, content, WooCommerce data, forms and more
Dynamic Data80+ dynamic data tags for ACF, Meta Box, Pods, WooCommerce, user data and form values โ€” usable in any Bricks text field
InteractionsAttach frontend behaviors to any Bricks element โ€” 50+ triggers and 50+ actions without writing JavaScript
โœ…
Conditions Reference

Conditions are configured in the standard Bricks element Conditions panel. Djia Bricks adds the following condition types to the native Bricks options:

ConditionComparesOperators
User RoleCurrent user's WordPress roleis, is not, contains
Login StateLogged in or guestis logged in, is guest
Post MetaAny post meta key valueequals, not equals, contains, greater than, less than, empty, not empty
Taxonomy TermWhether post belongs to a termis in, is not in
Post TypeCurrent post typeis, is not
AuthorPost author user ID or current useris, is not, is current user
URL ParameterQuery string param valueequals, not equals, exists, not exists
CookieBrowser cookie name + valueequals, exists, not exists
Form StatePro Form field value (live)equals, not equals, contains, empty, not empty
Filter StateActive Djia Filter valueis active, equals
WC CartCart contents, total, item countcontains product, total greater than
WC PurchasedPurchase historyhas purchased product, has any purchase
WC StockProduct stock statusin stock, out of stock, on backorder
ACF FieldAny ACF field valueequals, not equals, contains, empty, not empty, true, false
Meta Box FieldAny Meta Box field valueequals, not equals, contains, true, false
Pods FieldAny Pods field valueequals, not equals, contains, empty
Device TypeScreen width breakpointis mobile, is tablet, is desktop
Browser LanguageBrowser localeis, starts with
๐Ÿ”—
AND / OR Logic

Multiple conditions on the same element can be combined with AND or OR logic using the Bricks native conditions panel. The element shows when the combined condition evaluates to true.

โ„น๏ธ
Conditions are evaluated server-side at render time for SSR elements and client-side via AJAX for dynamic elements. Form State and Filter State conditions are always evaluated client-side.
๐Ÿ“ก
Dynamic Data Tags

Use {tag:value} placeholders in any Bricks text field to inject dynamic values. Click the data icon ({ }) next to any text field in Bricks to browse available tags.

โœ…
ACF, Meta Box and Pods tags work automatically when the respective plugin is active. No additional configuration needed.
๐Ÿ”–
Tag Reference
Post Data
{post:title}
Current post title
{post:excerpt}
Post excerpt or auto-generated
{post:date}
Publication date (configurable format)
{post:author}
Author display name
{post:url}
Permalink of current post
{post:thumbnail}
Featured image URL
User Data
{user:display_name}
Current user's display name
{user:email}
Current user's email address
{user:role}
Current user's primary role
{user:first_name}
User first name from profile
ACF, Meta Box, Pods
{acf:field_name}
ACF field value on current post
{mb:field_id}
Meta Box field value
{pods:field_name}
Pods field value on current post
{meta:custom_key}
Raw post meta value by key
WooCommerce
{woo:price}
Formatted product price
{woo:stock}
Stock quantity number
{woo:sku}
Product SKU
{woo:rating}
Average star rating
Djia-specific
{djia:filter_count}
Number of results in active filter
{djia:active_filters}
List of active filter labels
{djia:current_url}
Current page URL with query string
{form:field_name}
Pro Form submitted field value
โšก
Interactions

Attach interactive behaviors to any Bricks element from the element controls panel under the Interactions tab. Each interaction has one trigger and one or more actions.

Trigger Types
Scroll EnterScroll ExitHover EnterHover LeaveClickDouble ClickPage LoadForm SubmitForm FocusForm Change
Action Types
Toggle ClassAdd ClassRemove ClassShow ElementHide ElementRun AnimationScroll to ElementOpen ModalClose ModalSubmit FormReset FormExecute JavaScript
Example โ€” Toggle dark mode
// Trigger: Click on any toggle button element// Action: Toggle class "dark-mode" on <body> Trigger: Click Action: Toggle Class Target: body Class: dark-mode