Toolbox Settings

Estimated reading: 5 minutes

You can find the settings and options panel for Toolbox in your Dashboard > Settings section.

The settings and options consists of a number of tabs, each having a specific set of settings.

Main settings tab

On the main settings tab you will find options for settings for CPT’s, adding the *Toolbox tab to your nodes settings panels and adding the Google Maps API key for use within ACF and Toolbox. Let’s go over each setting:

Google Maps API Key

Enter your API key to enable selecting addresses on Google Maps fields and the ability to drag Google Map fields into your layouts.

Activate postid on all fieldtypes
Display both fieldlabel and fieldname in dropdown

When selecting a field, show both the fieldlabel and the fieldname in case the label is used more than once.

Timber Templates

Enable Twig Template CPT

Enable tools to add Twig templates on the dashboard. Storing them here enables you to reuse templates, macros, blocks across multiple Timber Posts Modules.

Allow these user roles to edit Twig Templates and Timber Posts Templates (Beaver Builder Module)

If needed you can give users with a lower access level the ability to access to the templates.

Twig Template Editor Theme

Toolbox is using CodeMirror highlighter and editor to edit the Twig Templates. Here you can select what color scheme to use for highlighting.

Enable shortcode

When enabled, you can insert a twig template anywhere a shortcode is able to run. See this article on the usage.

Enable Twig Debug Messages on failure

Enable if you want to be able to debug errors. If not set and the template has an error or fails, no output will be rendered.

Enable Toolbox Query debug

If needing more info on the applied query args for a template. Warning: the args will be rendered within the template.

Enable Timber Templates on following Custom Fieldtypes

This setting is for the Toolbox Field Module. When the Timber Library plugin is activated on the site, this makes it possible to override the output with a custom Twig layout.

Beaver Builder / Beaver Theme

Force these post-types into Full Width layout

When using the bb-theme you can force your own Custom Post Types to always use a full width layout. If left unchecked, the default of a sidebar will be applied.

Enable extra connections on selected modules

This option allows you to disable/enable some of the options Toolbox adds to the Rows, Columns and Modules panels. By default it will be activated and an extra Tab will be added to every node’s settings panel. The Tab is called “* Toolbox”.

On this tab you will find the Conditional Logic section and the Custom Attributes section, which are described later on in the documentation.

Note: If you’re using Beaver Themer combined with Beaver Builder, it is advised to use the Conditional Logic provided by Beaver Themer over the logic provided by Toolbox. If you don’t have Beaver Themer, the Toolbox features provide similar but limited options.

This option also changes some of the default modules settings so that it allows them to accept connections from within Beaver Themer.

Disable code check on Code Fields

Beaver builder uses a syntax checker to validate your html. When it return as invalid, Beaver Builder won’t allow you to save it until corrected. Because we can write our Twig templates in a way that it will render valid HTML, but is checked as being invalid as HTML, you can (temporarily) disable code-checking to allow saving anyway.

Enable Emmet in Timber Posts Module

For power users, you can use Emmet abbreviation to quickly bang out blocks of code. You can see what Emmet can do here. Please keep in mind that Ace editor (the current code Editor in Beaver Builder modules) does not support all handles.

Enable custom snippets in Timber Posts Modules

When enabled you can add your custom snippets for Ace to autocomplete. Just enqueue your custom javascript script to access them.

UIkit CSS/JS

The UIkit framework is a powerful, easy to learn utility class based library of components. What sets it apart from many other libraries is that it can be controlled almost entirely by classnames and attributes only. Add sliders, lightboxes, sidebars, dropdowns, flex grids and much, much more using your Twig templates. They also provide excellent documentation here.

Load UIkit CSS and JS

Enable this option to load the optimized UIkit framework on frontend and Gutenberg backend.

Conditional Filters

Here you will find settings for the conditional filters in Toolbox.

Server timezone

Set the timezone to the server’s location to be able to evaluate the datetime correctly.

License

License Key

Click the “Enter License” button and enter your license-key that has been sent to you after purchase. This will enable you to receive updates from within your WordPress Dashboard.

Tools

Import Twig Files to Posts

Disasters do happen sometime. Or you want to import Twig templates from another site fast. Clicking this button will import all .twig files found in the ‘wp-content/uploads/twig_templates/’ folder and convert it into a editable Twig template post on your dashboard.

Export Twig Posts to Files

In case you’ve used WP’s inbuilt export/import function, you might be able to see an imported Twig template on your dashboard, but it is not synced as a file until you open each post and update. Click this button to re-generate the needed .twig files for all posts.

Share this Doc

Toolbox Settings

Or copy link

CONTENTS