Djia Bricks
Loading experience
Djia Bricks · Logic & Data Modules
Show the right content
to the right user
50+ visibility conditions, 80+ dynamic data tags and 100+ frontend interactions — all configured inside Bricks Builder without writing a line of code.
Conditions
50+
visibility rules
Dynamic Data
80+
data tags
Interactions
100+
triggers & actions
Conditions Module
50+ visibility rules —
show the right element
to the right user
Extend Bricks native conditions with 50+ additional rule types. Stack multiple conditions with AND/OR logic. No code — configure every rule from the standard Bricks element conditions panel.
- User role, login state, capability checks
- Post meta, taxonomy, author and post type
- WooCommerce: cart, purchase history, stock status
- ACF, Meta Box and Pods custom field values
- URL parameters, cookies, browser language
- Pro Form field values — live, before submit
- Djia Filter active state
- AND / OR logic between multiple rules
Show element when ALL of:
Login StateisLogged in✓ True
User Roleissubscriber✗ False
OR
Post Metaequalspremium✓ True
WC Purchasedproduct#42✗ False
Element is visible — condition met
User Role
Show/hide based on WP user role — admin, editor, subscriber, custom.
Login State
Show for logged-in users, hide for guests — or vice versa.
Post Meta
Compare any post meta key against a value — equal, not equal, contains, greater than.
URL Parameter
Show element when a specific query string param matches a value.
Cookie
Show or hide based on a browser cookie name and value.
Form State
Show element based on a Pro Form field value — live, before submit.
Filter State
Show when a Djia Filter facet has a specific active value.
WooCommerce Cart
Show when specific product is in cart, or cart total exceeds threshold.
WooCommerce Purchased
Show when user has previously purchased a specific product.
WooCommerce Stock
Show based on product stock status — in stock, out of stock, low stock.
Device Type
Show only on mobile, tablet or desktop based on screen width.
Browser Language
Show element for specific browser language / locale.
Post Type
Show element only when current page is a specific post type.
Taxonomy Term
Show when current post belongs to a specific term.
Author
Show when post is by a specific user or the current user.
ACF Field
Compare any ACF field value with a given value.
Meta Box Field
Compare any Meta Box field value — text, checkbox, relationship.
Pods Field
Condition based on any Pods field value on the current post.
➕
+32 more
Date/time, page template, archive type, query var, referrer, capability, and more.
Live Demo
Toggle states, see
which elements show
Each element on a page can have its own set of conditions. Toggle the user state below to see how different elements respond in real time.
Simulate user state
WooCommerce
Dashboard Widget
VisibleCondition: Login State = logged in
Condition: Login State = guest
Admin Settings Panel
VisibleCondition: User Role = administrator
Download Access
VisibleCondition: WC Purchased = product #42
Condition: WC Cart contains item
Dynamic Data Module
80+ dynamic tags —
any value, any
Bricks text field
Use dynamic values from posts, users, WooCommerce, forms and custom field plugins in any Bricks text field using the standard curly-brace tag syntax. ACF, Meta Box and Pods providers included.
// Display name of current userHello,{user:display_name}// ACF field value on current postPrice:{acf:product_price}// WooCommerce stock statusStock:{woo:stock}units// Djia Filter active countShowing{djia:filter_count}results
{post:title}
click to copy
{post:excerpt}
click to copy
{post:content}
click to copy
{post:date}
click to copy
{post:modified}
click to copy
{post:author}
click to copy
{post:url}
click to copy
{post:thumbnail}
click to copy
{post:id}
click to copy
{post:slug}
click to copy
{post:status}
click to copy
{post:comment_count}
click to copy
Interactions Module
50+ triggers · 50+ actions —
no JavaScript needed
Attach interactive behaviors to any Bricks element. Chain multiple actions per interaction — all configured visually in the Bricks controls panel.
50+
Trigger types
50+
Action types
∞
Actions per trigger
Trigger Types
Scroll Triggers
Scroll enter, scroll exit with configurable viewport offset. Repeat every time or once.
enterexitoffset
Click / Hover
Click, double-click, right-click. Hover enter and hover leave with separate actions.
clickhovertoggle
Form Events
Form submit, field focus, blur, change and input — trigger on any Pro Form interaction.
submitfocuschange
Page Load
Fire on page load or DOMContentLoaded with configurable delay.
loaddelay
Action Types
Toggle Classes
Add, remove or toggle CSS classes on any element — target by CSS selector or Bricks element ID.
addremovetoggle
Run Animations
Trigger any Djia Animate animation on another element — play, reverse or reset.
playreversereset
Show / Hide
Show or hide any element. Optionally animate in/out using display, opacity or height transitions.
showhideanimate
Execute JS + More
Execute custom JavaScript, submit/reset Pro Forms, open/close modals, scroll to element.
JSmodalscroll-to
Logic, data and interactions —
all inside Bricks.
50+ conditions, 80+ dynamic tags, 100+ interactions. Configure every rule visually without writing a single line of code.