CINXE.COM
Dynamic Data – Bricks Academy
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Dynamic Data – Bricks Academy</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Bricks Academy » Feed" href="https://academy.bricksbuilder.io/feed/" /> <link rel="alternate" type="application/rss+xml" title="Bricks Academy » Comments Feed" href="https://academy.bricksbuilder.io/comments/feed/" /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><link rel='stylesheet' id='wp-block-library-css' href='https://academy.bricksbuilder.io/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='bricks-frontend-css' href='https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/css/frontend-light.min.css?ver=1741252237' media='all' /> <style id='bricks-frontend-inline-css'> @font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(https://academy.bricksbuilder.io/wp-content/uploads/2021/01/Inter-Regular.woff) format("woff");}@font-face{font-family:"Inter";font-weight:800;font-display:swap;src:url(https://academy.bricksbuilder.io/wp-content/uploads/2021/01/Inter-ExtraBold.woff) format("woff");} </style> <link rel='stylesheet' id='bricks-child-css' href='https://academy.bricksbuilder.io/wp-content/themes/bricks-child/style.css?ver=1688042285' media='all' /> <link rel='stylesheet' id='bricks-color-palettes-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/color-palettes.min.css?ver=1741252804' media='all' /> <link rel='stylesheet' id='bricks-global-custom-css-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/global-custom-css.min.css?ver=1741252804' media='all' /> <link rel='stylesheet' id='bricks-theme-style-custom_academy-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/theme-style-custom_academy.min.css?ver=1741252804' media='all' /> <link rel='stylesheet' id='bricks-post-358-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/post-358.min.css?ver=1741252805' media='all' /> <link rel='stylesheet' id='bricks-post-1649-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/post-1649.min.css?ver=1741252805' media='all' /> <link rel='stylesheet' id='bricks-post-1000-css' href='https://academy.bricksbuilder.io/wp-content/uploads/bricks/css/post-1000.min.css?ver=1741252805' media='all' /> <link rel='stylesheet' id='bricks-ionicons-css' href='https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/ionicons.min.css?ver=1741252237' media='all' /> <link rel='stylesheet' id='bricks-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap' media='all' /> <link rel='stylesheet' id='article-css' href='https://academy.bricksbuilder.io/wp-content/plugins/bricksacademy/assets/css/article.min.css?ver=1663651109' media='all' /> <link rel='stylesheet' id='lightbox-medium-css' href='https://academy.bricksbuilder.io/wp-content/plugins/bricksacademy/assets/css/medium-zoom.css?ver=1663651109' media='all' /> <link rel='stylesheet' id='bricks-prettify-css' href='https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/prettify.min.css?ver=1741252237' media='all' /> <script src="https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/fontfaceobserver.min.js?ver=2.3.0" id="bricks-fontfaceobserver-js"></script> <script id="bricks-fontfaceobserver-js-after"> document.addEventListener('DOMContentLoaded', function() {const fontFaceObserver_0 = new FontFaceObserver('Roboto'); Promise.all([fontFaceObserver_0.load(null, 1000)]).then(function() { document.body.style.opacity = null; }, function () { document.body.style.opacity = null; });}) </script> <link rel="https://api.w.org/" href="https://academy.bricksbuilder.io/api/" /><link rel="alternate" title="JSON" type="application/json" href="https://academy.bricksbuilder.io/api/wp/v2/bricks_article/977" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://academy.bricksbuilder.io/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://academy.bricksbuilder.io/article/dynamic-data/" /> <link rel='shortlink' href='https://academy.bricksbuilder.io/?p=977' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://academy.bricksbuilder.io/api/oembed/1.0/embed?url=https%3A%2F%2Facademy.bricksbuilder.io%2Farticle%2Fdynamic-data%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://academy.bricksbuilder.io/api/oembed/1.0/embed?url=https%3A%2F%2Facademy.bricksbuilder.io%2Farticle%2Fdynamic-data%2F&format=xml" /> <script defer data-domain="academy.bricksbuilder.io" src="https://plausible.io/js/script.js"></script> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="icon" href="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/bricks-favicon-64x64-1.png" sizes="32x32" /> <link rel="icon" href="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/bricks-favicon-64x64-1.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/bricks-favicon-64x64-1.png" /> <meta name="msapplication-TileImage" content="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/bricks-favicon-64x64-1.png" /> <!-- Facebook Open Graph (by Bricks) --> <meta property="og:url" content="https://academy.bricksbuilder.io/article/dynamic-data/" /> <meta property="og:site_name" content="Bricks Academy" /> <meta property="og:title" content="Dynamic Data" /> <meta property="og:description" content="Use dynamic data to render all sorts of data from your WordPress database with Bricks. For example: Featured image, post title, post date, author name, categories, tags, site title, all of your custom fields, etc. You’ll most likely use dynamic data when creating templates in Bricks. Such as your blog post template, and custom post […]" /> <meta property="og:type" content="website" /> </head> <body class="bricks_article-template-default single single-bricks_article postid-977 single-format-standard brx-body bricks-is-frontend wp-embed-responsive"style="opacity: 0;"> <a class="skip-link" href="#brx-content">Skip to main content</a> <a class="skip-link" href="#brx-footer">Skip to footer</a> <header id="brx-header"><section id="brxe-3989af" class="brxe-section"><a id="brxe-1080a5" class="brxe-logo" href="https://academy.bricksbuilder.io">bricks.academy</a><div id="brxe-34b3eb" data-script-id="34b3eb" class="brxe-nav-menu"><nav class="bricks-nav-menu-wrapper mobile_landscape"><ul id="menu-header" class="bricks-nav-menu"><li id="menu-item-365" class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-has-children menu-item-365 bricks-menu-item"><div class="brx-submenu-toggle icon-right"><a href="https://academy.bricksbuilder.io/collection/builder/">Builder</a><button aria-expanded="false" aria-label="Builder Sub menu"><svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"><path d="M256,294.1l127,-127.1c9.4,-9.4 24.6,-9.4 33.9,0c9.3,9.4 9.3,24.6 0,34l-143.9,144c-9.1,9.1 -23.7,9.3 -33.1,0.7l-144.9,-144.6c-4.7,-4.7 -7,-10.9 -7,-17c0,-6.1 2.3,-12.3 7,-17c9.4,-9.4 24.6,-9.4 33.9,0l127.1,127Z" fill="currentColor"></path></svg></button></div> <ul class="sub-menu caret"> <li id="menu-item-367" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-367 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/getting-started/">Getting Started</a></li> <li id="menu-item-369" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-369 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/templates/">Templates</a></li> <li id="menu-item-368" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-368 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/features/">Features</a></li> <li id="menu-item-2372" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-2372 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/woocommerce/">WooCommerce</a></li> </ul> </li> <li id="menu-item-364" class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-has-children menu-item-364 bricks-menu-item"><div class="brx-submenu-toggle icon-right"><a href="https://academy.bricksbuilder.io/collection/developer/">Developer</a><button aria-expanded="false" aria-label="Developer Sub menu"><svg class="menu-item-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"><path d="M256,294.1l127,-127.1c9.4,-9.4 24.6,-9.4 33.9,0c9.3,9.4 9.3,24.6 0,34l-143.9,144c-9.1,9.1 -23.7,9.3 -33.1,0.7l-144.9,-144.6c-4.7,-4.7 -7,-10.9 -7,-17c0,-6.1 2.3,-12.3 7,-17c9.4,-9.4 24.6,-9.4 33.9,0l127.1,127Z" fill="currentColor"></path></svg></button></div> <ul class="sub-menu caret"> <li id="menu-item-830" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-830 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/basics/">Basics</a></li> <li id="menu-item-366" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-366 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/controls/">Controls</a></li> <li id="menu-item-370" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-370 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/filters/">Filters</a></li> <li id="menu-item-4047" class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-4047 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/actions/">Actions</a></li> </ul> </li> <li id="menu-item-6345" class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-6345 bricks-menu-item"><a href="https://academy.bricksbuilder.io/collection/tutorial/">Tutorial</a></li> </ul></nav> <button class="bricks-mobile-menu-toggle" aria-haspopup="true" aria-label="Open mobile menu" aria-expanded="false"> <span class="bar-top"></span> <span class="bar-center"></span> <span class="bar-bottom"></span> </button> <nav class="bricks-mobile-menu-wrapper left fade-in"><ul id="menu-header-1" class="bricks-mobile-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-has-children menu-item-365 bricks-menu-item"><div class="brx-submenu-toggle icon-right"><a href="https://academy.bricksbuilder.io/collection/builder/">Builder</a><button aria-expanded="false" aria-label="Builder Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="menu-item-icon"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div> <ul class="sub-menu caret"> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-367 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/getting-started/">Getting Started</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-369 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/templates/">Templates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-368 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/features/">Features</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-2372 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/woocommerce/">WooCommerce</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-has-children menu-item-364 bricks-menu-item"><div class="brx-submenu-toggle icon-right"><a href="https://academy.bricksbuilder.io/collection/developer/">Developer</a><button aria-expanded="false" aria-label="Developer Sub menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="menu-item-icon"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div> <ul class="sub-menu caret"> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-830 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/basics/">Basics</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-366 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/controls/">Controls</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-370 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/filters/">Filters</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-topic menu-item-4047 bricks-menu-item"><a href="https://academy.bricksbuilder.io/topic/actions/">Actions</a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-collection menu-item-6345 bricks-menu-item"><a href="https://academy.bricksbuilder.io/collection/tutorial/">Tutorial</a></li> </ul></nav><div class="bricks-mobile-menu-overlay"></div></div><a id="brxe-cc9aa3" class="brxe-button bricks-button bricks-background-primary" href="https://bricksbuilder.io/" rel="noopener" target="_blank">Get Bricks</a></section></header><main id="brx-content"><section id="brxe-hqjzjz" class="brxe-section"><div id="brxe-kgbvxn" class="brxe-container"><ul id="brxe-hsniyt" class="brxe-post-taxonomy topic"><li><a class="bricks-button" href="https://academy.bricksbuilder.io/topic/features/">Features</a></li></ul><div id="brxe-bqgbrx" class="brxe-search"> <form role="search" method="get" class="bricks-search-form" action="https://academy.bricksbuilder.io/"> <label for="search-input-bqgbrx" class="screen-reader-text"><span>Search</span></label> <input type="search" placeholder="Search Academy for ..." value="" name="s" id="search-input-bqgbrx" /> </form> </div></div></section><div id="brxe-nzbqtp" class="brxe-container"><h1 id="brxe-yzelbz" class="brxe-post-title">Dynamic Data</h1><div id="brxe-ounwgd" class="brxe-post-meta post-meta"><span class="item">February 20, 2025</span></div></div><section class="brxe-section"><div id="brxe-kwhtqn" class="brxe-post-content"> <p>Use dynamic data to render all sorts of data from your WordPress database with Bricks. </p> <p>For example: Featured image, post title, post date, author name, categories, tags, site title, all of your custom fields, etc.</p> <p>You’ll most likely use dynamic data when creating templates in Bricks. Such as your blog post template, and custom post type templates (e.g. single property listing).</p> <h2 class="wp-block-heading">How to insert dynamic data</h2> <p>The dynamic data picker for text shows up when typing a “{” onto the canvas. You can also click the “bolt” icon in the settings panel to reveal it:</p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> <iframe title="Dynamic Data in Bricks | Bricks" width="500" height="281" src="https://www.youtube.com/embed/w4Bv-Pd6n2w?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div></figure> <p>Dynamic data for non-text settings such as images, videos, etc. is available from the “Select dynamic data” dropdown menu in the panel settings. </p> <p>Below you can see an Advanced Custom Fields gallery (named “Gallery”) rendered inside the Bricks image gallery element:</p> <figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="576" data-lightbox="true" src="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-1024x576.png" alt="" class="wp-image-995" srcset="https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-1024x576.png 1024w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-300x169.png 300w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-768x432.png 768w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-1536x864.png 1536w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-1200x675.png 1200w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel-600x338.png 600w, https://academy.bricksbuilder.io/wp-content/uploads/2021/02/builder-dynamic-data-panel.png 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p>All dynamic data tags are available in all elements that support dynamic data. This means that you may insert a gallery field (like an ACF gallery field type) inside a text element and it will be rendered as a set of <code>img</code> tags (using the filter <code>:image</code>), like so:<br></p> <figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"> <figure class="wp-block-image size-full"><img decoding="async" width="596" height="657" data-lightbox="true" data-id="1950" src="https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-text-element.png" alt="" class="wp-image-1950" srcset="https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-text-element.png 596w, https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-text-element-272x300.png 272w" sizes="(max-width: 596px) 100vw, 596px" /></figure> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="745" height="592" data-lightbox="true" data-id="1951" src="https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-output-text-element.png" alt="" class="wp-image-1951" srcset="https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-output-text-element.png 745w, https://academy.bricksbuilder.io/wp-content/uploads/2021/10/dynamic-data-gallery-output-text-element-300x238.png 300w" sizes="auto, (max-width: 745px) 100vw, 745px" /></figure> </figure> <p></p> <h2 class="wp-block-heading" id="integrations">Custom Fields Integrations</h2> <p>You can render much more than just standard dynamic WordPress data. Bricks supports the most popular custom fields plugins such as:</p> <ul class="wp-block-list"> <li><a href="#acf">Advanced Custom Fields</a></li> <li><a href="#metabox">Meta box</a></li> <li><a href="#jetengine">Crocoblock (JetEngine)</a> (Not support WooCommerce Product Data / Variation Meta Box)</li> <li>Pods</li> <li>CMB2</li> <li>Toolset</li> </ul> <p>This allows you to design templates for even the most complex custom post type layouts and data requirements.</p> <h3 class="wp-block-heading" id="acf">Advanced Custom Fields</h3> <p>Bricks integrates with all the ACF and ACF Pro fields, including Flexible Content and Nested Groups.</p> <p>The fields will be listed in the Dynamic Data dropdown inside of the Bricks builder so you can use them while building your pages and templates with Bricks.</p> <p>The Relationship (including the <a href="https://www.advancedcustomfields.com/resources/bidirectional-relationships/" target="_blank" rel="noreferrer noopener">bidirectional</a> implementation) and the Repeater field types are also available inside the Query Loop builder, so you could loop through the output of these fields while rendering the sub-fields as dynamic data.</p> <p>The ACF field type “<a href="https://www.advancedcustomfields.com/resources/true-false/" target="_blank" rel="noreferrer noopener">True / False</a>” is great for conditional checks inside the element conditions. By default, the localized “True / False” label is returned. When using it in your element conditions, make sure to apply the <code>:value</code> filter. To check for false, you can compare against <code>== 0</code>. Or <code>== 1</code> to check for true.</p> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="640" height="560" data-lightbox="true" src="https://academy.bricksbuilder.io/wp-content/uploads/2024/02/bricks-acf-field-type-true-false.png" alt="" class="wp-image-5546" style="width:300px" srcset="https://academy.bricksbuilder.io/wp-content/uploads/2024/02/bricks-acf-field-type-true-false.png 640w, https://academy.bricksbuilder.io/wp-content/uploads/2024/02/bricks-acf-field-type-true-false-300x263.png 300w" sizes="auto, (max-width: 640px) 100vw, 640px" /><figcaption class="wp-element-caption">Check if ACF True / False field is false</figcaption></figure> <p>The following dynamic data can be used together with <a href="/article/element-conditions/" data-type="URL" data-id="/article/element-conditions/">Element conditions</a> effectively.</p> <code><span>{</span>acf_get_row_layout<span>}</span></code> – Returns the ACF Flexible layout name <p></p> <h3 class="wp-block-heading" id="metabox">Meta Box</h3> <p>Bricks is compatible with the Meta Box Post Types, Taxonomies, Custom Fields, and Relationships. Regarding the Custom Fields, Bricks will list the fields inside the builder in the Dynamic Data dropdown. According to the custom field contents, these tags will be rendered properly in the front end.</p> <p>The Group field (when cloneable) and the Relationships will also be available inside the Query Loop builder. You can iterate through these values and render the sub-fields as dynamic data.</p> <p>It is also possible to build nested non-clone-able Group fields in Bricks Query Loop.</p> <h3 class="wp-block-heading" id="jetengine">Crocoblock JetEngine</h3> <p>Bricks is compatible with Crocoblock JetEngine Post Types, Meta Boxes (Custom fields), Taxonomies, Relations, and Options pages. </p> <p><a href="https://crocoblock.com/knowledge-base/jetengine/how-to-showcase-cct-meta-fields-using-dynamic-tags-in-bricks/" data-type="link" data-id="https://crocoblock.com/knowledge-base/jetengine/how-to-showcase-cct-meta-fields-using-dynamic-tags-in-bricks/" target="_blank" rel="noreferrer noopener nofollow">Custom Content Types</a> (CCT) has been supported since April 2024 by the JetEngine plugin, not Bricks itself. For any CCT questions, please get in touch with the JetEngine support directly.</p> <p>Bricks integration with the JetEngine plugin makes the custom fields available as dynamic data inside the Bricks builder.</p> <p>Bricks also integrates with the JetEngine Relations and Repeaters to feed the Bricks builder query loop.</p> <h2 class="wp-block-heading" id="wordpress">Standard WordPress data</h2> <p>By default, you may use the following dynamic data tags.</p> <h3 class="wp-block-heading" id="post-fields">Post fields</h3> <p>The following fields are related to the posts or custom post types.</p> <code><span>{</span>post_title<span>}</span></code> – Returns the post title<br> <code><span>{</span>post_id<span>}</span></code> – Returns the post ID<br> <code><span>{</span>post_url<span>}</span></code> – Returns the post link<br> <code><span>{</span>post_slug<span>}</span></code> – Returns the post slug<br> <code><span>{</span>post_type<span>}</span></code> – Returns the post type (@since 1.12)<br> <code><span>{</span>post_date<span>}</span></code> – Returns post published date<br> <code><span>{</span>post_modified<span>}</span></code> – Returns post modified date<br> <code><span>{</span>post_time<span>}</span></code> – Returns post publish time<br> <code><span>{</span>post_comments_count<span>}</span></code> – Returns number of comments<br> <code><span>{</span>post_content<span>}</span></code> – Returns post content (Gutenberg editor)<br> <code><span>{</span>post_excerpt<span>}</span></code> – Returns the post excerpt<br> <code><span>{</span>read_more<span>}</span></code> – Renders an anchor tag (link) to the post with the label “Read more”<br> <code><span>{</span>featured_image<span>}</span></code> – Renders an image tag with the featured image<br> <p></p> <p><meta charset="utf-8"></meta>These fields support the following <strong>dynamic data filters</strong>:</p> <code><span>{</span>post_title:link<span>}</span></code> – Renders the post title as a link to the post<br> <code><span>{</span>post_title:link:3<span>}</span></code> – Same as before but the title is limited to 3 words<br> <code><span>{</span>post_title:link:newTab<span>}</span></code> – Open post title in new tab<br> <code><span>{</span>post_date:human_time_diff<span>}</span></code> – outputs the date difference in a human readable format such as “1 hour”, “5 mins”, “2 days”<br> <code><span>{</span>post_excerpt:55<span>}</span></code> – Limit post excerpt to 55 words. Using the “:” followed by a number limits the output to that number of words<br> <code><span>{</span>post_excerpt:format:10<span>}</span></code> – Keep the HTML format and limit post excerpt to 10 words.<br> <code><span>{</span>featured_image:medium_large<span>}</span></code> – Renders an image tag with the featured image of size medium_large (defaults to thumbnail size)<br> <code><span>{</span>featured_image:large:link<span>}</span></code> – Renders an image tag (within text context) of the featured image, size “large2, wrapped by an anchor tag to the post<br> <p></p> <h3 class="wp-block-heading" id="taxonomies">Taxonomies</h3> <p>The following dynamic data tags render a list of the taxonomy terms assigned to a post. A link to the term archive wraps each term:</p> <code><span>{</span>post_terms_category<span>}</span></code><br> <code><span>{</span>post_terms_post_tag<span>}</span></code><br> <code><span>{</span>post_terms_my_taxonomy_slug<span>}</span></code> – Replace the “my_taxonomy_slug” part with the slug of the actual taxonomy you want to use<br> <code><span>{</span>post_terms_category:plain<span>}</span></code> – Remove the links via :plain filter <p></p> <p>If you already use a link around your element, you can disable the terms’ links output using the <code><a href="https://academy.bricksbuilder.io/article/filter-bricks-dynamic_data-post_terms_links/">bricks/dynamic_data/post_terms_links</a></code> filter. </p> <h3 class="wp-block-heading" id="terms">Terms</h3> <p>The following dynamic data tags render data related to taxonomy terms.</p> <code><span>{</span>term_id<span>}</span></code> – Renders the term ID<br> <code><span>{</span>term_name<span>}</span></code> – Renders the term name<br> <code><span>{</span>term_slug<span>}</span></code> – Renders the term slug<br> <code><span>{</span>term_count<span>}</span></code> – Renders the term count<br> <code><span>{</span>term_taxonomy_slug<span>}</span></code> – Renders the term’s taxonomy slug. (@since 1.11)<br> <code><span>{</span>term_url<span>}</span></code> – Renders the term archive link<br> <code><span>{</span>term_description<span>}</span></code> – Renders the term description<br> <code><span>{</span>term_meta:my_term_meta_key<span>}</span></code> – Renders the “my_term_meta_key” meta value <p></p> <h3 class="wp-block-heading" id="author">Author Fields</h3> <code><span>{</span>author_id<span>}</span></code> – Returns the post author ID<br> <code><span>{</span>author_name<span>}</span></code> – Returns the post author name<br> <code><span>{</span>author_bio<span>}</span></code> – Returns the post author biographical info<br> <code><span>{</span>author_email<span>}</span></code> – Returns the post author email<br> <code><span>{</span>author_website<span>}</span></code> – Returns the post author website<br> <code><span>{</span>author_archive_url<span>}</span></code> – Returns the post author url<br> <code><span>{</span>author_avatar<span>}</span></code> – Returns the post author avatar as an image tag (text) or an image url (link)<br> <code><span>{</span>author_meta:meta_key<span>}</span></code> – Returns the specified author meta value. Set the author meta key as the filter. Example. author_meta:first_name returns the author’s first name. See <a href="https://developer.wordpress.org/reference/functions/get_the_author_meta/#description" target="_blank">here</a> for available author meta keys.<br> <p></p> <p>These fields support dynamic data filters like the following:</p> <code><span>{</span>author_bio:20<span>}</span></code> – Post author biographical info limited to 20 words<br> <code><span>{</span>author_name:link<span>}</span></code> – Post author name rendered as a link to the author profile page<br> <code><span>{</span>author_email:link<span>}</span></code> – Post author email rendered as a link<br> <code><span>{</span>author_website:link<span>}</span></code> – Post author website rendered as a link<br> <code><span>{</span>author_avatar:200<span>}</span></code> – Post author avatar image tag limited to the width/height of 200px <p></p> <h3 class="wp-block-heading" id="current-date">Current Date fields</h3> <p><meta charset="utf-8">You can render the current date through dynamic data.</p> <code><span>{</span>current_date<span>}</span></code> – Returns the current date (UTC) with the format defined at WordPress > Settings > General > Date Format<br> <code><span>{</span>current_wp_date<span>}</span></code> – Returns the current date (WordPress timezone) with the format defined at WordPress > Settings > General > Date Format <p></p> <p>You may specify a different date format using the PHP date format, for example:</p> <code><span>{</span>current_date:Y<span>}</span></code><br> <code><span>{</span>current_date:Ymd<span>}</span></code><br> <code><span>{</span>current_date:Y-m-d<span>}</span></code><br> <code><span>{</span>current_date:Y.m.d<span>}</span></code><br> <code><span>{</span>current_date:Y/m/d<span>}</span></code><br> <code><span>{</span>current_date:Y m d<span>}</span></code><br> <code><span>{</span>current_date:g:i A<span>}</span></code><br> <code><span>{</span>current_date:timestamp<span>}</span></code> <p></p> <h3 class="wp-block-heading" id="query">Query fields</h3> <code><span>{</span>query_results_count<span>}</span></code> – Use inside or outside a query loop to return the query results count. When used outside a loop you have to pass the query loop ID as a filter to this tag like this: <code><span>{</span>query_results_count:quer34<span>}</span></code>. “quer34” in this example is the query loop ID, which you can retrieve by copying the element ID of the query element into your clipboard. Make sure to remove the “#brxe-” prefix. <u><b>You only want to use the last six-character ID.</b></u><br><br> <p class="callout-blue"><code><span>{</span>query_results_count:quer34<span>}</span></code> only works if the target query is 1 level deep. You wouldn’t be able to get the correct count if the target query located in a >= 2 level deep nested query.</p> <p></p> <h3 class="wp-block-heading" id="site-archive">Site & Archive fields</h3> <code><span>{</span>site_title<span>}</span></code> – Returns site title as defined in the WordPress settings > General > Site Title<br> <code><span>{</span>site_tagline<span>}</span></code> – Returns site tagline as defined in the WordPress settings > General > Tagline<br> <code><span>{</span>site_url<span>}</span></code> – Returns site URL as defined in the WordPress settings > General > Site address (URL)<br> <code><span>{</span>site_login<span>}</span></code> – Returns site login URL. Redirect after login URL can be set by specifying the post ID as the filter like this: <code><span>{</span>site_login:3<span>}</span></code><br> <code><span>{</span>site_logout<span>}</span></code> – Returns site logout URL. Redirect after logout URL can be set by specifying the post ID as the filter like this: <code><span>{</span>site_logout:3<span>}</span></code><br> <code><span>{</span>archive_title<span>}</span></code> – Returns archive title<br> <code><span>{</span>archive_title:context<span>}</span></code> – Add context to the archive title<br> <code><span>{</span>archive_description<span>}</span></code> – Returns archive description (author, post type or term) <p><meta charset="utf-8"></p> <p>You can get dynamic data from the URL parameters like so:</p> <code><span>{</span>url_parameter:my_key<span>}</span></code> – Returns the value of the <code>my_key</code> parameter in the url (https://mydomain.pt/?my_key=value)<br> <p></p> <h3 class="wp-block-heading" id="user-profile">User profile fields</h3> <code><span>{</span>wp_user_id<span>}</span></code> – Returns current user context ID<br> <code><span>{</span>wp_user_login<span>}</span></code> – Returns current user context username<br> <code><span>{</span>wp_user_email<span>}</span></code> – Returns current user context email address<br> <code><span>{</span>wp_user_url<span>}</span></code> – Returns current user context website<br> <code><span>{</span>wp_user_author_url<span>}</span></code> – Returns current user context author URL<br> <code><span>{</span>wp_user_role<span>}</span></code> – Returns current user context primary role. Use <code><span>:value</span></code> to return the role slug. (@since 1.12)<br> <code><span>{</span>wp_user_registered_date<span>}</span></code> – Returns current user context registered date (@since 1.12)<br> <code><span>{</span>wp_user_nicename<span>}</span></code> – Returns current user context nicename<br> <code><span>{</span>wp_user_description<span>}</span></code> – Returns current user context biographical info<br> <code><span>{</span>wp_user_first_name<span>}</span></code> – Returns current user context first name<br> <code><span>{</span>wp_user_last_name<span>}</span></code> – Returns current user context last name<br> <code><span>{</span>wp_user_display_name<span>}</span></code> – Returns current user context display name<br> <code><span>{</span>wp_user_picture<span>}</span></code> – Returns current user context avatar image tag or url<br> <code><span>{</span>wp_user_meta:my_user_meta_key<span>}</span></code> – Returns current user context “my_user_meta_key” meta value <br><br> <p></p> <h3 class="wp-block-heading">Native WordPress custom fields</h3> <p>To render your own custom field entries, you have to prefix them with <code>cf_</code>. </p> <p>If your custom field name is <code>phone_number</code>, you’d use <code><span>{</span>cf_phone_number<span>}</span></code> to render this custom field on the front end.</p> <p>Your <code>phone_number</code> custom field entry should also be available in the dynamic data picker dropdown under “Custom fields”.</p> <h3 class="wp-block-heading" id="advanced">Advanced: echo</h3> <p class="callout-blue">Starting at Bricks 1.9.7, you have to explicitly allow any function names that you want to call via Bricks’ dynamic data <code>echo</code> tag using the new <code>bricks/code/echo_function_names</code> filter. Which you can add to your Bricks child theme or the code snippet plugin of your choice. You can find more information in this article: <a href="https://academy.bricksbuilder.io/article/filter-bricks-code-echo_function_names/">https://academy.bricksbuilder.io/article/filter-bricks-code-echo_function_names/</a></p> <p>Bricks 1.4 introduces the <code>echo</code> tag to render the output of any PHP function:</p> <code><span>{</span>echo:my_custom_function<span>}</span></code> – Echoes the value of the PHP function <code>my_custom_function()</code><br> <br> It accepts arguments, with or without single quotes, like so:<br> <code><span>{</span>echo:get_the_date('Y-m-d', 55)<span>}</span></code> – Echoes the date of the post 55 formatted to <code>Y-m-d</code><br> <p></p> <p class="callout-blue">Please note that the <code>echo</code> tag does not support double quotes, and the custom PHP function should <code>return</code> the value (do not <code>echo</code> the value inside of the custom function).</p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> <iframe loading="lazy" title="Extending Bricks: Echo Tag & ChatGPT Guide" width="500" height="281" src="https://www.youtube.com/embed/ajAXEZoyk0E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div></figure> <h3 class="wp-block-heading" id="do_action">Advanced: do_action</h3> <p>The <code>do_action</code> tag enables developers and other plugins to integrate with your template designs seamlessly. With this tag, you can place action hooks such as <code><span>{</span>do_action:my_custom_hook<span>}</span></code> anywhere. </p> <p>For example, you can insert the <code><span>{</span>do_action:woocommerce_after_single_product<span>}</span></code> in your WooCommerce single product template, allowing other plugins to hook into it. This enhances the flexibility of your template design.</p> <p class="callout-blue">It is important to note that the <code>do_action</code> tag does not support passing arguments to the action. If the <code>add_action()</code> function expects additional arguments, an error in PHP will occur. The <code>do_action</code> only runs on the front end of the website, not inside the builder.</p> <h3 class="wp-block-heading" id="user-profile">WooCommerce</h3> <p>When the WooCommerce plugin is installed and active, you’ll get access to an extra set of Dynamic Data tags related to the products and orders. Please refer to the <a href="https://academy.bricksbuilder.io/article/woocommerce-builder/#dynamic-data">WooCommerce builder</a> article for more details.</p> <h2 class="wp-block-heading" id="filters">Filters</h2> <p>You can change the output of certain dynamic data tags by using the following filters:</p> <ul class="wp-block-list"> <li><code>:<em>numeric value</em></code> – When used on a text field, it trims the content to the number of words specified (e.g. <code>Use dynamic data to render all sorts of data from…</code>). When used with an avatar field like <code>author_avatar</code> it specifies the width/height of the avatar image</li> <li><code>:context</code> <em>or</em> <code>:prefix</code> – Add context to the archive title </li> <li><code>:image </code>– Outputs the field as an image tag, <em>e.g.</em> <code><img src="https://..." /></code></li> <li><code>:link</code> – Output the field as an anchor tag, <em>e.g.</em> <code><a href="https://..."><em>value</em></a></code></li> <li><code>:newTab</code> – Sets the link to open in a new tab</li> <li><code>:tel</code> – The URL of the anchor will be formatted as a telephone number, <br><em>e.g.</em> <code><a href="tel:+123456789">+123456789</a></code></li> <li><code>:<em>text value </em></code>– Depending on the context, it could mean the following: <ul class="wp-block-list"> <li>User or term custom field meta key</li> <li>The URL parameter key</li> <li>Post terms separator</li> <li>Date format</li> <li>Image size slug (e.g., thumbnail or full)</li> <li>The echo tag function name</li> </ul> </li> <li><code>:value</code> – Outputs the value instead of the label. Useful for comparing choices field types like MetaBox checkbox list, etc. inside element conditions, or with ACF choice fields (set the return type to “Both (Array)”) such as Select, Checkbox, Radio Button, and Button Group. ACF field types that supporting this filter: True/False, User, Taxonomy, Image, Gallery, Post Object, Relationship (<code>@since 1.12</code>) MetaBox field types that supporting this filter: File Input, File, File Upload, File Advanced, Video, Image, Image Advanced, Image Upload, Single Image, Image Select Taxonomy, Taxonomy Advanced, Post, User (<code>@since 1.12</code>)</li> <li><code>:raw</code> – Skip parsing dynamic data tag</li> <li><code>:url</code> – Return URL from post ID. Useful to return URL for <code>file</code> field, etc.</li> <li><code>:format</code> – Keep HTML format or show empty Star rating for <a href="/article/woocommerce-builder/#dynamic-data">WooCommerce dynamic data</a></li> <li><code>:plain</code> – Removes HTML tags using <code>wp_strip_all_tags</code>, which can be helpful when you need to extract plain text from a dynamic tag result. For example, you may want to remove links from a post term dynamic tag.</li> <li><code>:array_value|{KEY}</code> – Returns the value of a specific array key within a dynamic tag result. It can be particularly useful for custom fields such as ACF Google Map and ACF Link types. The filter can also be applied to an echo dynamic tag. In cases where the value is a nested array, Bricks will flatten it as a JSON string to allow for seamless output without any errors. It’s important to note that this filter should only be used when you are certain that the dynamic tag result is an array. Another important point to keep in mind is that if the specified array key does not exist, this filter will return an empty string. <a href="#array_value-filter-examples" data-type="internal" data-id="#array_value-filter-examples">Examples</a></li> <li><code>:timestamp</code> – Convert the date or time related dynamic data to timestamp value.</li> </ul> <h5 class="wp-block-heading" id="array_value-filter-examples">Examples of :array_value filter</h5> <code><span>{</span>acf_place_map:array_value|lat<span>}</span></code> – Echoes the <code>$value['lat']</code> of the ACF google map type field<br> <code><span>{</span>acf_place_map:array_value|post_code<span>}</span></code> – Echoes the <code>$value['post_code']</code> of the ACF google map type field<br> <code><span>{</span>acf_ext_link:array_value|title<span>}</span></code> – Echoes the <code>$value['title']</code> of the ACF link type field<br> <code><span>{</span>je_football-team_logo:array_value|id<span>}</span></code> – Echoes the <code>$value['id']</code> of the JetEngine media field (Value format set as Array with media ID and URL)<br> <code><span>{</span>mb_testimonials_user_image:array_value|name<span>}</span></code> – Echoes the <code>$value['name']</code> of the Metabox single image field<br> <code><span>{</span>echo:custom_function:array_value|hello<span>}</span></code> – Echoes the <code>$value['hello']</code> of PHP <code>custom_function()</code> function<br> <h2 class="wp-block-heading" id="arguments">Key-value pair arguments</h2> <p>This feature allows for greater flexibility and customization in displaying dynamic content. The general syntax for using key-value pair arguments is: <code>{dynamic_data_tag @key:value}</code>.</p> <ul class="wp-block-list"> <li>Wrap text with spaces in single quotes.</li> <li>The value can include other dynamic data tags (e.g., <code>{acf_text_field @fallback:'No content was found for Dynamic Data'}</code>).</li> </ul> <h3 class="wp-block-heading">Available arguments:</h3> <p id="fallback"><code>@fallback</code> – Provides fallback text if the dynamic data tag doesn’t return any data. This argument can be used with any dynamic data tag (<code>@since 1.10</code>).</p> <ul class="wp-block-list"> <li><strong>Example:</strong> <code>{acf_text_field @fallback:'This is the fallback text!'}</code>. If <code>acf_text_field</code> is empty, “This is the fallback text!” will be displayed.</li> </ul> <p id="fallback-image"><code><strong>@fallback-image</strong></code> – Used for image dynamic data tags. It accepts either an attachment ID or a URL.</p> <ul class="wp-block-list"> <li><strong>Examples:</strong> <code>{acf_image @fallback-image:554}</code> or <code>{acf_image @fallback-image:'https://example.com/placeholder.png'}</code>. If <code>acf_image</code> is not available, the specified image (by attachment ID or URL) will be displayed.</li> </ul> <p id="sanitize"><code>@sanitize</code> – Available <code>@since 1.11.1</code> it allows you to control the sanitization method applied to all dynamic tags within a “text” context. By default, all dynamic tags are sanitized using <code>wp_kses_post</code>, which helps secure output by stripping unwanted HTML and scripts.</p> <p>This argument is particularly useful if you have a shortcode outputting JavaScript—such as a form shortcode from plugins—stored within a custom field. In earlier versions, this JavaScript would be sanitized, preventing the form from functioning when the field is output via <code>{acf_custom_field}</code>.</p> <p><strong>Examples:</strong></p> <ul class="wp-block-list"> <li><code>{acf_my_wysiwyg @sanitize:false}</code> – Disables sanitization, allowing scripts to be output if stored in the custom field. <strong>Use carefully, ensuring that the content is safe for output without sanitization.</strong></li> <li><code>{acf_my_wysiwyg @sanitize:sanitize_email}</code> – Applies <code>sanitize_email</code> to the <code>my_wysiwyg</code> field. If the value doesn’t pass as a valid email, it returns empty.</li> <li><code>{acf_my_wysiwyg @sanitize:sanitize_email @fallback:'abc@gmail.com'}</code> – Applies <code>sanitize_email</code> to the <code>my_wysiwyg</code> field. If the result is empty, it falls back to <code>'abc@gmail.com'</code>.</li> </ul> <p class="callout-blue"><strong>Note:</strong> The <code>@sanitize</code> argument only accepts methods listed in the <a href="https://developer.wordpress.org/apis/security/sanitizing/" target="_blank" rel="noreferrer noopener">WordPress Sanitizing API</a> , <code><strong>false</strong></code> or <code>wp_kses</code>. If using <code>@sanitize:false</code>, be cautious, as this will output the field content without sanitization.</p> <h2 class="wp-block-heading" id="hooks">Bricks hooks related to Dynamic Data</h2> <p> <code><a href="https://academy.bricksbuilder.io/article/filter-bricks-dynamic_data-exclude_tags/">bricks/dynamic_data/exclude_tags</a></code> – exclude a list of tags from the Bricks dynamic data logic</p> <p><code><a href="https://academy.bricksbuilder.io/article/filter-bricks-dynamic_data-replace_nonexistent_tags/">bricks/dynamic_data/replace_nonexistent_tags</a></code> – Disable the default Bricks behavior of replacing the non-existent dynamic data tags with an empty string</p> </div></section><section id="brxe-bmtqgk" class="brxe-section"><div id="brxe-wbcrkn" class="brxe-container"><nav id="brxe-vzqvsk" class="brxe-post-navigation" aria-label="Post navigation"><a class="prev-post" href="https://academy.bricksbuilder.io/article/builder-access/"><div class="swiper-button bricks-swiper-button-prev"><i class="ion-md-arrow-back"></i></div><div class="content"><span class="label">Previous article</span><h5 class="title">Builder Access</h5></div></a><a class="next-post" href="https://academy.bricksbuilder.io/article/svg-uploads/"><div class="content"><span class="label">Next article</span><h5 class="title">SVG Uploads</h5></div><div class="swiper-button bricks-swiper-button-next"><i class="ion-md-arrow-forward"></i></div></a></nav></div></section></main><footer id="brx-footer"><section id="brxe-d98a76" class="brxe-section"><div id="brxe-7b46ff" class="brxe-text"><p>Official <a href="https://bricksbuilder.io" target="_blank" rel="noopener"><u>Bricks</u></a> knowledgebase</p> </div><div id="brxe-0c4244" class="brxe-text"><p><a href="https://bricksbuilder.io" target="_blank" rel="noopener">#builtwithbricks</a></p> </div></section></footer><style id='core-block-supports-inline-css'> .wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} </style> <script id="bricks-scripts-js-extra"> var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https:\/\/academy.bricksbuilder.io\/wp-admin\/admin-ajax.php","restApiUrl":"https:\/\/academy.bricksbuilder.io\/api\/bricks\/v1\/","nonce":"86eff7b19f","formNonce":"a5e1240d5e","wpRestNonce":"30b2db6f76","postId":"977","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"mapStyles":{"ultraLightWithLabels":{"label":"Ultra light with labels","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e9e9e9\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 18 } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 21 } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#dedede\" }, { \"lightness\": 21 } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f2f2f2\" }, { \"lightness\": 19 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 } ] } ]"},"blueWater":{"label":"Blue water","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#444444\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2f2f2\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"saturation\": -100 }, { \"lightness\": 45 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#46bcec\" }, { \"visibility\": \"on\" } ] } ]"},"lightDream":{"label":"Light dream","style":"[ { \"featureType\": \"landscape\", \"stylers\": [ { \"hue\": \"#FFBB00\" }, { \"saturation\": 43.400000000000006 }, { \"lightness\": 37.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.highway\", \"stylers\": [ { \"hue\": \"#FFC200\" }, { \"saturation\": -61.8 }, { \"lightness\": 45.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.arterial\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 51.19999999999999 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.local\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 52 }, { \"gamma\": 1 } ] }, { \"featureType\": \"water\", \"stylers\": [ { \"hue\": \"#0078FF\" }, { \"saturation\": -13.200000000000003 }, { \"lightness\": 2.4000000000000057 }, { \"gamma\": 1 } ] }, { \"featureType\": \"poi\", \"stylers\": [ { \"hue\": \"#00FF6A\" }, { \"saturation\": -1.0989010989011234 }, { \"lightness\": 11.200000000000017 }, { \"gamma\": 1 } ] } ]"},"blueEssence":{"label":"Blue essence","style":"[ { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#e0efef\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"hue\": \"#1900ff\" }, { \"color\": \"#c0e8e8\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"lightness\": 100 }, { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit.line\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 700 } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#7dcdcd\" } ] } ]"},"appleMapsesque":{"label":"Apple maps-esque","style":"[ { \"featureType\": \"landscape.man_made\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f7f1df\" } ] }, { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#d0e3b4\" } ] }, { \"featureType\": \"landscape.natural.terrain\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.business\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.medical\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbd3da\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#bde6ab\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffe15f\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#efd151\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"black\" } ] }, { \"featureType\": \"transit.station.airport\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#cfb2db\" } ] }, { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#a2daf2\" } ] } ]"},"paleDawn":{"label":"Pale dawn","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 33 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2e5d4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5dac6\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5c6c6\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e4d7c6\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbfaf7\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#acbcc9\" } ] } ]"},"neutralBlue":{"label":"Neutral blue","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#193341\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#29768a\" }, { \"lightness\": -37 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#3e606f\" }, { \"weight\": 2 }, { \"gamma\": 0.84 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry\", \"stylers\": [ { \"weight\": 0.6 }, { \"color\": \"#1a3541\" } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] } ]"},"avocadoWorld":{"label":"Avocado world","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#aee2e0\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#abce83\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#769E72\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#7B8758\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"color\": \"#8dab68\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#5B5B3F\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ABCE83\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#A4C67D\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#9BBF72\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"transit\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#87ae79\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#7f2200\" }, { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"visibility\": \"on\" }, { \"weight\": 4.1 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#495421\" } ] }, { \"featureType\": \"administrative.neighborhood\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] } ]"},"gowalla":{"label":"Gowalla","style":"[ { \"featureType\": \"administrative.land_parcel\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"landscape.man_made\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#f49935\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#fad959\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"hue\": \"#a1cdfc\" }, { \"saturation\": 30 }, { \"lightness\": 49 } ] } ]"}},"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https:\/\/academy.bricksbuilder.io\/article\/dynamic-data\/","useQueryFilter":"","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","closeMobileMenu":"Close mobile menu","showPassword":"Show password","hidePassword":"Hide password","prevSlide":"Previous slide","nextSlide":"Next slide","firstSlide":"Go to first slide","lastSlide":"Go to last slide","slideX":"Go to slide %s","play":"Start autoplay","pause":"Pause autoplay","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%1$s of %2$s"},"swiper":{"slideLabelMessage":"{{index}} \/ {{slidesLength}}"}},"selectedFilters":[],"filterNiceNames":[]}; </script> <script src="https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/js/bricks.min.js?ver=1741252237" id="bricks-scripts-js"></script> <script src="https://academy.bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/prettify.min.js?ver=6.7.2" id="bricks-prettify-js"></script> </body></html> <!-- Cache served by breeze CACHE - Last modified: Wed, 26 Mar 2025 11:44:06 GMT -->