{"id":15,"date":"2016-06-04T14:23:34","date_gmt":"2016-06-04T14:23:34","guid":{"rendered":"http:\/\/beaverplugins.com\/?page_id=15"},"modified":"2023-03-05T20:57:29","modified_gmt":"2023-03-05T20:57:29","slug":"beaverplugins-home","status":"publish","type":"page","link":"https:\/\/beaverplugins.com\/","title":{"rendered":"MexLucky Home"},"content":{"rendered":"\n<h1>\n\t\tExtend the Power of Beaver Builder with Timber &#038; Twig\n\t<\/h1>\n\t<p>Do more with Beaver Builder &amp; Themer by tapping into Timber &amp; Twig&#8217;s framework.<\/p>\n<p>Create Layouts with Toolbox inside Beaver Builder that just aren&#8217;t possible with BB and Custom Fields alone.<\/p>\n<p>Powerful enough for veteran coders, but straightforward enough to make a difference even if you just dabble in code.<\/p>\n<a \n    href=index-26.html>\n        Learn more\n<\/a>\n<a href=index-27.html target=\"_blank\" rel=\"noopener\">\n        Buy now\n<\/a>\n<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-\/\/W3C\/\/DTD SVG 1.1\/\/EN\" \"http:\/\/www.w3.org\/Graphics\/SVG\/1.1\/DTD\/svg11.dtd\">\n<h2>\n\t\tAny field, anywhere, anytime.\n\t<\/h2>\n<h4>\n\t\tAny field&#8230;\n\t<\/h4>\n\t<p>Always forgetting that particular fieldname? Going back and forth into the fields-set to check because nothing was returned?<\/p>\n<p>Toolbox queries the fieldtypes and fieldnames so you don&#8217;t need to. It will present you with a list of fieldtypes and the corresponding fieldnames.<\/p>\n\t\t\t\t<img decoding=\"async\" src=other/_ alt=\"toolbox-field-builder\" itemprop=\"image\" title=\"toolbox-field-builder\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=index-28.html alt=\"toolbox-timber-anywhere\" itemprop=\"image\" title=\"toolbox-timber-anywhere\" onerror=\"this.style.display='none'\"  \/>\n<h4>\n\t\t&#8230;anywhere&#8230;\n\t<\/h4>\n\t<p>Do you need that field from that <strong><em>OTHER<\/em><\/strong> post? Or from one of your option pages?<\/p>\n<p>You can reference another post ID and get that value just as easily. Because we can.<\/p>\n<h4>\n\t\t&#8230;anytime.\n\t<\/h4>\n\t<p>Fields and settings are available as a module, fieldconnector or fieldinsert. Just fire up the module, or connector, select the fieldtype you want to add and all available settings are presented.<\/p>\n<p>By default the Toolbox Field will listen in on all connector types. Depending on the setting, you will only need to set the appropriate acf-field.<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-29.html alt=\"toolbox_anytime\" itemprop=\"image\" title=\"toolbox_anytime\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\tDeveloped with designers and users in mind\n\t<\/h2>\n\t<p>We&#8217;ve all had that client that just loves Comic Sans Serif and uses it on all their newletters.. Giving them unrestricted access to the Page Builder doesn&#8217;t really seem like a good idea.<\/p>\n<p>As a designer you don&#8217;t want your clients to mess up your design. Custom fields provide you with a way to have your client enter their data consistently on the backend without them being able to change too much about the design, allowing for a consistent experience for the site visitors. Themer allows you to consistently apply certain settings.<\/p>\n\t<p>But maybe you just want them to be able to select whatever they want to do with a piece of text. Right from the Page Builder&#8217;s settings. With whatever YOU want or &#8211; even better- what you need.<\/p>\n<p>Highlight a word or phrase within their text-field that you&#8217;ve added as a custom field?<\/p>\n<p>Boom! They can do that themselves.<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-30.html alt=\"toolbox-field-added-settings\" itemprop=\"image\" title=\"toolbox-field-added-settings\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\tDesigned with developers in mind\n\t<\/h2>\n\t\t\t\t<img decoding=\"async\" src=index-31.html alt=\"toolbox_added_settings\" itemprop=\"image\" title=\"toolbox_added_settings\" onerror=\"this.style.display='none'\"  \/>\n\t<p>Being the only one to have control over simple things isn&#8217;t always fun. But what if you can program simple things into the functions.php or as a plugin and still have your client only use the UI? That&#8217;d be neat, right?!<\/p>\n<p>Toolbox has been made so that YOU can add settings that will determine what happens next. That highlightcolor thingy in the previous section? That was programmed in on the theme level.<\/p>\n<p>The docs will tell you all about it.<\/p>\n<h2>\n\t\tTo be or not to be, that is the question\n\t<\/h2>\nYES! This module is only showing when the query-parameter &#8220;showmodule&#8221; is present.    \n\t<p>Each row, column or module is seen as a node and you can show or hide them by setting one or more conditionals. You can use any of the preset conditionals, and even create your own for you or your client to select.<\/p>\n<p>A nice example is on this very page. Reload the page using the button below. It will pass in a querystring variable to the url, determining if we need to render the module that is above these 2 paragraphs. Scroll back down and you will see a module that was hidden.<\/p>\n    <a type=\"button\" href=index5960.html>Click me<\/a>\n        Click this button to reload the page. Scroll down to this section and see the module revealed.\n\t\t\t\t<img decoding=\"async\" src=index-32.html alt=\"Toolbox Tab\" itemprop=\"image\" title=\"Toolbox Tab\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t<img decoding=\"async\" src=index-33.html alt=\"Toolbox Conditional Filters\" itemprop=\"image\" title=\"Toolbox Conditional Filters\" onerror=\"this.style.display='none'\"  \/>\n\t<p>You can add your own conditionals so that your client can add them through the interface. With or without any number of extra parameters.<\/p>\n<p>If all filters return true, it renders the node. If one of them returns false, it doesn&#8217;t.<\/p>\n\t<p>To ensure the user knows which parts are conditional, a small overlay is added to that node while editing. On hover it will enlarge to a larger red notice.<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-34.html alt=\"Toolbox Conditional Overlay\" itemprop=\"image\" title=\"Toolbox Conditional Overlay\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\tCustom attributes to the rescue\n\t<\/h2>\n\t<p>If you&#8217;re like me you&#8217;ve been looking for a way to add all those cool things you see when browsing other sites. But not everything is within reach from the UI and &#8211; let&#8217;s face it &#8211; Javascript is not always that easy.<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-35.html alt=\"Toolbox Custom Attributes\" itemprop=\"image\" title=\"Toolbox Custom Attributes\" onerror=\"this.style.display='none'\"  \/>\n\t<p>There are some very nice libraries out there that can do wonderful things for you, but you need to be able to add some attributes, right? Well, now you can!<\/p>\n<p>Add any number of custom attributes and values to any row, column or module.<\/p>\n<h3>\n\t\tNoticed this site&#8217;s sticky header that only drops in after a certain amount of scroll and only shows when you&#8217;re scrolling up and adds a thin line when active?\n\t<\/h3>\n<h5>\n\t\tThat&#8217;s a single custom attribute added to the row and using the wonderful UIKit. Change any feature right from the UI.\n\t<\/h5>\n\t\t\t\t<img decoding=\"async\" src=index-36.html alt=\"Toolbox Sticky Attribute\" itemprop=\"image\" title=\"Toolbox Sticky Attribute\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\tTemplating relational fields\n\t<\/h2>\n<h2>\n\t\tTimber!\n\t<\/h2>\n\t<p>Most field types will suit you for smaller projects, but big projects often demand the use of advanced field types, like a repeater, relationship or flexible content field. Or maybe you need to add repeaters to repeaters? Or relationship to repeaters? All possible using Toolbox!<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-37.html alt=\"Timber\" itemprop=\"image\" title=\"Timber\" onerror=\"this.style.display='none'\"  \/>\n\t<p>Toolbox has added support for Twig through the Timber Library plugin. Twig is a PHP templating engine that enables you to manipulate the custom field data and output however you want!<\/p>\n<p>Simply download and activate the Timber Library plugin from the WordPress repository, activate and start chopping those relationship field types up!<\/p>\n<p>You can even add complex layouts for flexible content fields, add if-then statements and truncate values on the fly.<\/p>\n\t\t\t\t<img decoding=\"async\" src=index-38.html alt=\"toolbox-field-repeater\" itemprop=\"image\" title=\"toolbox-field-repeater\" onerror=\"this.style.display='none'\"  \/>\n\t<p>You can also Timber Template all the other fields, making last second corrections or adding some extra style without having to add more and more settings to the panel. By default it will be only available for the fields that can&#8217;t be styled without. But if you want you can add it for any other fieldtype with just two lines of code: one to enable the extra settings-field, and one that tells it to use that template.<\/p>\n<h2>\n\t\tSome more goodies:\n\t<\/h2>\n\t<p>To make things easier, there are some more extra features in Toolbox that can be turned on:<\/p>\n<h2>\n\t\tFAQ\n\t<\/h2>\n<h3>\n\t\tDoes this plugin work without Beaver Themer?\n\t<\/h3>\n\t<p>Yes. This plugin works without Beaver Themer. Field connectors though is a feature that is only available through Themer. A field insert or inline field call however can also be done using shortcodes. But the field connector is much easier.<\/p>\n<h3>\n\t\tCan I add third party ACF fields?\n\t<\/h3>\n\t<p>You can add any third party ACF field you like and add it. However, you will need to make sure the fieldtypes output is either a string, or add your own filters to make sure it returns a string. In the documentation are a few examples on how to do that.<\/p>\n<h3>\n\t\tAre there any limitations to the settings?\n\t<\/h3>\n\t<p>Just a few minor ones. You can&#8217;t use toggle-settings on your custom select-fields, because of the way the fields are added. And because of the way Beaver Builder includes photo settings you will need to do some extra work when using them in connector-shortcodes.<\/p>\n<p>But other than that, none have come up yet.<\/p>\n<h3>\n\t\tDo I need ACF Pro for this?\n\t<\/h3>\n\t<p>Short answer: no. This plugin is compatible with ACF versions 4 and 5. This means it also support the ACF Free version, but there are some extra fieldtypes in the Pro version that are really awesome. The Gallery-field for instance can be used in the field connector.<\/p>\n<h3>\n\t\tWhat&#8217;s with the attributes?\n\t<\/h3>\n\t<p>The attributes are a part of a DOM-element that can hold data or a string that other parts can use without interfering with the current layout.<\/p>\n<p>We just thought it should be possible to add those attributes.<\/p>\n<p><a href=index-39.html target=\"_blank\" rel=\"noopener\">More information about data attributes can be found here<\/a>.<\/p>\n<h3>\n\t\tWhat happens when I disable the plugin?\n\t<\/h3>\n\t<p>Nothing really. The settings are kept within the row, column or module but that&#8217;s just the way Beaver Builder saves that info.<\/p>\n<p>Conditionals will be constants when you disable the plugin. Attributes just won&#8217;t be there anymore. \ud83d\ude41<\/p>\n<p>Other than that: you&#8217;re safe.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Extend the Power of Beaver Builder with Timber &#038; Twig Do more with Beaver Builder &amp; Themer by tapping into Timber &amp; Twig&#8217;s framework. Create Layouts with Toolbox inside Beaver Builder that just aren&#8217;t possible with BB and Custom Fields alone. Powerful enough for veteran coders, but straightforward enough to make a difference even if&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>MexLucky - Extending the WP Beaver Builder<\/title>\n
<meta name=\"description\" content=\"Looking for plugins for the Drag and Drop Wordpress Page Builder called Beaver Builder?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=index-40.html \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BeaverPlugins Toolbox - extending the Beaver Builder\" \/>\n<meta property=\"og:description\" content=\"MexLucky brings you Toolbox for Beaver Builder that will bring your development up to lightspeed. Combine ACF and Themer to quickly drag the fields into your layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/beaverplugins.com\/\" \/>\n<meta property=\"og:site_name\" content=\"beaverplugins\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/badabingbreda\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-05T20:57:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beaverplugins.com\/wp-content\/uploads\/2018\/05\/facebook_bp_toolbox_og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"http:\/\/beaverplugins.com\/wp-content\/uploads\/2018\/05\/facebook_bp_toolbox_og.png\" \/>\n<meta name=\"twitter:site\" content=\"@badabingbreda\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/beaverplugins.com\/\",\"url\":\"https:\/\/beaverplugins.com\/\",\"name\":\"MexLucky - Extending the WP Beaver Builder\",\"isPartOf\":{\"@id\":\"https:\/\/beaverplugins.com\/#website\"},\"datePublished\":\"2016-06-04T14:23:34+00:00\",\"dateModified\":\"2023-03-05T20:57:29+00:00\",\"description\":\"Looking for plugins for the Drag and Drop Wordpress Page Builder called Beaver Builder?\",\"breadcrumb\":{\"@id\":\"https:\/\/beaverplugins.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/beaverplugins.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/beaverplugins.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/beaverplugins.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MexLucky Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/beaverplugins.com\/#website\",\"url\":\"https:\/\/beaverplugins.com\/\",\"name\":\"beaverplugins\",\"description\":\"Plugins and Modules for the Beaver Builder\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/beaverplugins.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MexLucky - Extending the WP Beaver Builder","description":"Looking for plugins for the Drag and Drop Wordpress Page Builder called Beaver Builder?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/beaverplugins.com\/","og_locale":"en_US","og_type":"article","og_title":"BeaverPlugins Toolbox - extending the Beaver Builder","og_description":"MexLucky brings you Toolbox for Beaver Builder that will bring your development up to lightspeed. Combine ACF and Themer to quickly drag the fields into your layout.","og_url":"https:\/\/beaverplugins.com\/","og_site_name":"beaverplugins","article_publisher":"http:\/\/www.facebook.com\/badabingbreda","article_modified_time":"2023-03-05T20:57:29+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/beaverplugins.com\/wp-content\/uploads\/2018\/05\/facebook_bp_toolbox_og.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"http:\/\/beaverplugins.com\/wp-content\/uploads\/2018\/05\/facebook_bp_toolbox_og.png","twitter_site":"@badabingbreda","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/beaverplugins.com\/","url":"https:\/\/beaverplugins.com\/","name":"MexLucky - Extending the WP Beaver Builder","isPartOf":{"@id":"https:\/\/beaverplugins.com\/#website"},"datePublished":"2016-06-04T14:23:34+00:00","dateModified":"2023-03-05T20:57:29+00:00","description":"Looking for plugins for the Drag and Drop Wordpress Page Builder called Beaver Builder?","breadcrumb":{"@id":"https:\/\/beaverplugins.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/beaverplugins.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/beaverplugins.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/beaverplugins.com\/"},{"@type":"ListItem","position":2,"name":"MexLucky Home"}]},{"@type":"WebSite","@id":"https:\/\/beaverplugins.com\/#website","url":"https:\/\/beaverplugins.com\/","name":"beaverplugins","description":"Plugins and Modules for the Beaver Builder","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/beaverplugins.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/pages\/15"}],"collection":[{"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":137,"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":3290,"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/pages\/15\/revisions\/3290"}],"wp:attachment":[{"href":"https:\/\/beaverplugins.com\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}