{"id":2127,"date":"2021-12-16T18:48:24","date_gmt":"2021-12-16T18:48:24","guid":{"rendered":"https:\/\/academy.bricksbuilder.io\/?post_type=bricks_article&#038;p=2127"},"modified":"2022-08-10T10:43:58","modified_gmt":"2022-08-10T10:43:58","slug":"filter-bricks-element-render_attributes","status":"publish","type":"bricks_article","link":"https:\/\/academy.bricksbuilder.io\/article\/filter-bricks-element-render_attributes\/","title":{"rendered":"Filter: bricks\/element\/render_attributes"},"content":{"rendered":"\n<p>Starting with Bricks 1.3.7 you may manipulate the HTML<strong> <\/strong>attributes of a given element using the following filter:<\/p>\n\n\n\n<pre class=\"wp-block-code prettyprint\"><code>add_filter( 'bricks\/element\/render_attributes', function( $attributes, $key, $element ) {\n    if ( isset( $element->settings&#91;'my_setting'] ) \n       &amp;&amp; $element->settings&#91;'my_setting'] == 'xpto' ) {\n        $attributes&#91; $key ]&#91;'data-xpto'] = 'my data';\n    }\n    \n    return $<meta charset=\"utf-8\">attributes;\n}, 10, 3 );<\/code><\/pre>\n\n\n\n<p>The filter callback receives 3 arguments:<\/p>\n\n\n\n<ul><li><code>$attributes<\/code> &#8211; an associative array of the element attributes, grouped by the $key identifier <\/li><li><code>$key<\/code> &#8211; the HTML element identifier to render attributes for<\/li><li><code>$element<\/code> &#8211; the Bricks element object (since Bricks 1.5)<\/li><\/ul>\n\n\n\n<p>Since Bricks 1.4, if you need to get access to the <code>$is_frontend<\/code> value (whether the element is rendering in the frontend or in the builder), please use the global function <code>bricks_is_frontend()<\/code>.<\/p>\n\n\n\n<p>Since Bricks 1.5, the <code>$settings<\/code> and <code>$name<\/code> arguments are deprecated. You may use the callback 3rd argument to get those: <code>$element-&gt;settings<\/code> and <code>$element-&gt;name<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Starting with Bricks 1.3.7 you may manipulate the HTML attributes of a given element using the following filter: The filter callback receives 3 arguments: $attributes &#8211; an associative array of the element attributes, grouped by the $key identifier $key &#8211; the HTML element identifier to render attributes for $element &#8211; the Bricks element object (since [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":102,"template":"","format":"standard","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/2127"}],"collection":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article"}],"about":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/types\/bricks_article"}],"author":[{"embeddable":true,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/users\/1"}],"version-history":[{"count":9,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/2127\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/bricks_article\/2127\/revisions\/3123"}],"wp:attachment":[{"href":"https:\/\/academy.bricksbuilder.io\/api\/wp\/v2\/media?parent=2127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}