/

CM Tooltip (CMTG) - Getting Started - Page Builder Compatibility (Divi, Elementor, Avia, Nicepage)


Page Builders Support Guide

Back to User Guide

There are many different content builders on the market, each one of them built differently. In result, some of them work fine without any additional work needed, but some interfere with the standard parsing of the content and require some additional actions. 

This guide will cover some of the known issues with popular content builders.


General

Starting from Tooltip Glossary 3.7, there is an option dedicated to improving compatibility with page builders.

To find the setting, head to Admin Dashboard → Tooltip Glossary → Settings → General Settings → Performance & Debug. Then, check the option Move tooltip contents to footer:

If this option is enabled, the tooltip content will not be passed directly to JS with the HTML attribute. This has been reported to improve compatibility with the Elementor Page Builder.


Notes on Page Builders

  • Divi - Should work properly by default.
  • Elementor - Should work properly with the "Move tooltip contents to footer" setting on (as mentioned above). 
  • Avia Builder (Enfold Theme) - Should work properly by default starting from Enfold 4.4.1.
  • Nicepage- The [cm_tooltip_parse] shortcode may require light HTML editing to work properly. Read more.
  • Page Builder by SiteOrigin - Should work properly by default.
  • Beaver Builder - Works properly with the "Load the scripts in footer?" setting checked. This setting is also found in the Performance & Debug section.
  • King Composer - Should work properly by default.
  • Nimble Page Builder - Should work properly by default.

Older Versions of Avia Builder (Enfold Theme)

If you're using an older version of Avia Builder, you need to download and replace the themes template-builder.php file with the one which can be downloaded from here: 

Enfold 4.0.1:  https://www.dropbox.com/s/3u4mfo8aqx2mck9/template-builder.php?dl=0
Enfold 4.3.1:  https://www.dropbox.com/s/mwxomz9yx8463me/template-builder.php?dl=0

Step-by-step guide:

  1. Download the file from the link above (choose the right version!).
  2. Locate the template-builder.php file in the theme you're using and create a backup (copy it to some other place, or change the name eg. to template-builder-bak.php).
  3. Replace the file:
    1. Copy the downloaded file and place it in the theme directory (replace the file if prompted).
    2. (better) If you're using the child-theme, you can put the file in the child theme directory. If you don't know how to create a child theme you can read this article: https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
  4. From now the tooltips should be parsed in the Avia Builder built content.
  5. WARNING: If you've replaced the file in the theme, and not the child theme, you will have to do it after each update of the theme! 

Related articles

You may find these articles helpful:

CM Tooltip (CMTG) - Troubleshooting - Broken HTML

CM Tooltip (CMTG) - Troubleshooting - JS Errors


More information about the CM Tooltip Glossary WordPress Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page 

To open a Support Ticket visit our support center