If an ACF field requires a longer instruction text, the layout of the edit screen is messy and a lot of space is wasted.
The ACF Tooltip plugin hides the field instructions, adds a help symbol to the field labels and generates a tooltip based on the instruction text.
The tooltip will not hide if moused over, allowing create a tooltip with a link inside without hiding the tooltip.
There are 7 filters that allow adjusting the design and the behavior of the tooltips.
This plugin works only with the ACF PRO (version 5.5.0 or higher).
There are 7 filters that allow adjusting the design and the behavior of the tooltips can be adjusted.
<?php function acf_tooltip_style() { $style = 'qtip-acf'; return $style; } add_filter('acf/tooltip/style', 'acf_tooltip_style'); ?>
The available styles can be found on the qTip options page and are shown on the qTip demo site.
You can mix the styles; e.g. “qtip-acf qtip-rounded qtip-shadow”
If you like, you can define your own style, with the class name of your style from your own CSS file (see next filter).
The qtip-acf style is the standard style, which is set without a filter.
<?php function acf_tooltip_css() { $css_file = get_bloginfo('template_url') . '/qtip-own.css'; // if the file is saved in your themes folder return $css_file; } add_filter('acf/tooltip/css', 'acf_tooltip_css'); ?>
You will find a ‘qtip-example-style.css’ in the ‘/assets/css’ folder.
<?php function acf_tooltip_position_my() { $position_my = 'center left'; return $position_my; } add_filter('acf/tooltip/position/my', 'acf_tooltip_position_my'); ?>
<?php function acf_tooltip_position_at() { $position_at = 'center right'; return $position_at; } add_filter('acf/tooltip/position/at', 'acf_tooltip_position_at'); ?>
Check out the qTip demo site to find your perfect positioning.
<?php function acf_tooltip_class() { $class = 'with__tooltip'; // edit this to your prefered class name return $class; } add_filter('acf/tooltip/class/only', 'acf_tooltip_class'); ?>
Add the class to the fields where you want to show tooltips.
<?php function acf_tooltip_class_exclude() { $class = 'no__tooltip'; // edit this to your prefered class name return $class; } add_filter('acf/tooltip/class/exclude', 'acf_tooltip_class_exclude'); ?>
Add the class to the fields where you don’t want to show tooltips.
With this filter, you can specify whether the instructions in the Field Editor are displayed as tooltips as well. By default, the instructions are displayed.
<?php add_filter('acf/tooltip/fieldeditor', '__return_true'); ?>
Starting from $0 per month.
Rating
Reviewers
6 reviews
Tags
Developed By
dreihochzwo
Quick & Easy
Common Ninja has a large selection of powerful Wordpress plugins that are easy to use, fully customizable, mobile-friendly and rich with features — so be sure to check them out!
Testimonial plugins for Wordpress
Galleries plugins for Wordpress
SEO plugins for Wordpress
Contact Form plugins for Wordpress
Forms plugins for Wordpress
Social Feeds plugins for Wordpress
Social Sharing plugins for Wordpress
Events Calendar plugins for Wordpress
Sliders plugins for Wordpress
Analytics plugins for Wordpress
Reviews plugins for Wordpress
Comments plugins for Wordpress
Portfolio plugins for Wordpress
Maps plugins for Wordpress
Security plugins for Wordpress
Translation plugins for Wordpress
Ads plugins for Wordpress
Video Player plugins for Wordpress
Music Player plugins for Wordpress
Backup plugins for Wordpress
Privacy plugins for Wordpress
Optimize plugins for Wordpress
Chat plugins for Wordpress
Countdown plugins for Wordpress
Email Marketing plugins for Wordpress
Tabs plugins for Wordpress
Membership plugins for Wordpress
popup plugins for Wordpress
SiteMap plugins for Wordpress
Payment plugins for Wordpress
Coming Soon plugins for Wordpress
Ecommerce plugins for Wordpress
Customer Support plugins for Wordpress
Inventory plugins for Wordpress
Video Player plugins for Wordpress
Testimonials plugins for Wordpress
Tabs plugins for Wordpress
Social Sharing plugins for Wordpress
Social Feeds plugins for Wordpress
Slider plugins for Wordpress
Reviews plugins for Wordpress
Portfolio plugins for Wordpress
Membership plugins for Wordpress
Forms plugins for Wordpress
Events Calendar plugins for Wordpress
Contact plugins for Wordpress
Comments plugins for Wordpress
Analytics plugins for Wordpress
Common Ninja Apps
Browse our extensive collection of compatible plugins, and easily embed them on any website, blog, online store, e-commerce platform, or site builder.
Build Custom Website Sections Effortlessly with Section Builder
Increase Your Chances of Getting Hired With the Skill Flip Cards App
Experience Unique Blend of Grid Gallery and Carousel Magic
Eye-Catching Multi-Rows Image Slides
Create Impressive YouTube Feeds & Improve User Experience
Create Stunning Pinterest Feeds & Improve User Experience
Simplify the Subscription Process To Boost Engagement & Conversions
Boost Trust and Enhance Credibility to Elevate Sales
Increase your chances of getting hired with the Skills List app
Create Interactive, Customizable Maps for Engaging Data Visualization
Establish Urgency & Boost Conversions With a Countdown Bar
Streamline Your Scheduling Effortlessly with Our Booking Widget
More plugins
The Common Ninja Search Engine platform helps website builders find the best site widgets, apps, plugins, tools, add-ons, and extensions! Compatible with all major website building platforms - big or small - and updated regularly, our Search Engine tool provides you with the business tools your site needs!