CM Tooltip (CMTG) - Getting Started - Page Builder Compatibility (Divi, Elementor, Avia, Nicepage)
Page Builders Support Guide
There are many different content builders on the market, each one of them built differently. As a 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.
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.
- Oxygen - Compatible since version 3.9.8 of Tooltip Glossary.
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
- Download the file from the link above (choose the right version!).
- 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).
- Replace the file:
- Copy the downloaded file and place it in the theme directory (replace the file if prompted).
- (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/
- From now the tooltips should be parsed in the Avia Builder built content.
- 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!
You may find these articles helpful:
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