Revo PageBuilder Toolkit plugin

Yootheme Pro improvement tools

Joomla version

Joomla 3.7.x+/4.0 plugin | Yootheme Pro 2.x
  • Current version:1.2.0
  • Release date: 09 Oct 2021


Send a request to receive a PayPal invoice.

*1 year of free updates | unlimited domains
Using the plugin will allow you to save time on performing routine operations when building projects.
How much is 1 hour of your time today?

Wordpess version

WordPress plugin | Yootheme Pro 2.x
  • Current version:1.0.0-beta.1
  • Release date:27 June 2021


Send a request to receive a PayPal invoice.

Pre-order WordPress version

We will send you a notification
when the product is on sale.

About PageBuilder Toolkit plugin

The plugin complements the builder interface and allows you to do your work faster:
  • Select device size
    New panel for resizing the preview screen, manually resizing, reversing, and returning to normal values.
  • Easy selector insertion

    Insert CSS rule selectors in 2 clicks

  • Fix scrollbar issue (Win only)

    Moves the scroll bar to estimate the size of the elements as on the mobile screen.

  • CodeMirror autosize
    The height of the editor follows your content.
  • ASCII only mode

    Protects against accidental input of non-Latin characters if you forget to switch the keyboard layout.

  • Show Image info

    Shows the size and proportions of the image, the file size.

  • Copy LESS variables

    Quickly copy the variable name and create a list for further work

  • Show Non breaking spaces

    The plugin can highlight non breaking spaces in the layout, which can lead to a violation design of the layout.

  • Quick copy features

    Quick copying of the section name and create a shortcode for the Revo Render plugin.

  • Advanced Debug info
    Performs additional system checks when debugging theme errors.

Watch Josh Gilson review

New device panel

Now you can test the layouts directly in the builder.
Select the device or set the screen size manually.

Now you don't need a separate screen to test the layout.

Easy selector insertion

killer feature

Now you can add a selector to the CSS field in two clicks, and when using the new media panel, you can quickly form Media queries also.

Once you try it, you can no longer live without this option 😎

Easily insert an animation delay

Click order: 200 - 250 - 300 - 350 - 400 - null

Easily insert an extended Path pattern

Show the image details

Show information about the actual size of the image, proportions and file size.

*file size Win only option

Fix Windows scroll issue

Look at the Hero title on the mobile phone screen.

The scroll bar in the preview occupies part of the screen, which leads to an incorrect estimate of the size of the layout element.

The scroll bar in the preview occupies part of the screen, which leads to an incorrect estimate of the size of the layout element.

Note that this option does not show a reliable picture when using CSS Media selectors and is intended only for the initial evaluation of the layout.

CodeMirror autozise

Now the size of the editor always follows the height of the content.

ASCII only mode

For users with a non-Latin keyboard layout

When using the Cyrillic alphabet or hieroglyphs in the input fields of custom rules, the Page Builder often loses the cursor position and you spend time searching for the position, deleting the incorrect text, and then typing the rule again in the Latin layout, now this problem will not be. A special option blocks the input of non-ASCII characters and insures you from this error.

Easy access to LESS variables

If you are so cool that you use theme LESS variables in your layout, then you should appreciate this option.

You need to activate it directly when you open the desired section of the style, the plugin accelerates the appearance of a hint with the name of the LESS variable and intercepts its value on click. You can collect a list of the necessary variables in the browser console as in notepad, the last value will also be available in the clipboard.

Show Nonbreaking spaces

Just click to Star icon for highlight nonbreaking spaces in the layout, which can lead to a violation design of the layout.

*This option is intended only for diagnostics. When the option is activated, the code is updated in the viewport, which may cause a short-term violation of parts of the layout when drawing the page, but this does not affect the layout itself in any way. The page will return to its previous appearance whenever the layout is changed in the builder or the page is updated.

Quick copy feature

Use the left button click on the Section name to copy this name to the clipboard.

Use the right button to click on the layouts/elements library entries name to copy Revo Render shortcode to the clipboard.

Advanced debug info

The option outputs the article or template JSON layout to the browser console, and also checks some system values.

What's next

In my piggy bank there are a few more ideas that will be studied and, if possible, implemented in new versions.

Here are some of them:

  • quick access to the article fields
  • reference of UIKIT selectors
  • collection of useful snippets
  • quick rollback of the layout version
  • quick navigation through the latest tabs
  • further interface improvements to reduce the number of clicks and quick access to settings

If you have any new ideas and suggestions, please contact me.


Version 1.2.0

  • Fix
    Copy LESS variabless to the clipboard
  • ADD
    Notifications about copying actions in the plugin
  • ADD
    Fast insertion of animation delay
  • ADD

    Added notifications when copying values

  • ADD

    Added iPhone 13 family to the device list panel

  • changed
    CodeMirror autosize instead of resize feature
  • ADD

    Advanced debug console:
    - show JSON to the current article/template
    - calculation of the current layout size in the database field
    - show Max Input Vars / Post Max Size values

Version 1.1.0

  • Add

    Joomla 4 support

  • ADD

    Added nonbreaking spaces hightlight feature

  • ADD

    Added copying of the shortcode from the element library for the Revo Render plugin

  • ADD

    Added notifications when copying values

Version 1.0.4

  • FIX

    Fix loading of the device list on several server configs.

  • ADD

    Added copying of the section name by click

  • ADD

    Added copying of the shortcode from the layout library for the Revo Render plugin

Version 1.0.3

  • FIX

    Fix loading plugin with site installation on subfolder 

  • changed

    The plugin script is now loaded only in the theme customizer.


    Refactoring of the plugin package 


    Changed device list order


    Changed scroll size calculation

  • ADD

    Added update server (notify only)

  • ADD

    Added new device profiles (last iPhone models)

  • ADD

    Added getting image details after upload and select a new image by first click

Version 1.0.2

  • changed
    The image info is shown immediately when the tab is opened, the file size is updated when you hover over it

Version 1.0.1

  • add
    Added display image info for new added images

Version 1.0.0

  • start
    Plugin release

Subscribe to Our Newsletters

Yootheme Tricks
Yootheme news
For developers

Newsletter for developers