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, but some interfere with the standard parsing of the content and require 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 correctly by default starting from Enfold 4.4.1.
- Nicepage- The
[cm_tooltip_parse]shortcode may require light HTML editing to work correctly. Read more.
- Page Builder by SiteOrigin - Should work correctly by default.
- Beaver Builder - Works correctly with the "Load the scripts in footer?" setting checked. This setting is also found in the Performance & Debug section.
- King Composer - Should work correctly by default.
- Nimble Page Builder - Should work correctly by default.
- Oxygen - Should work correctly by default since version 3.9.14 in all editions: Ecommerce, Pro and Pro+.
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/
- The tooltips should now 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: