Support » Plugin: Image Hotspot by DevVN » Conflict with CM Tooltip Glossary for WordPress

Viewing 11 replies - 1 through 11 (of 11 total)
  • CreativeMinds

    (@creativemindssolutions)

    Hi,

    I’m one of the developers from CreativeMinds, I’ve checked your site and found out that there’s an JS error on the page, that’s why the tooltips on image pins are not working at all, but it’s not coming from our plugin.

    The conflicting code is:

    <script type="text/javascript">
    /* <![CDATA[ */
    jQuery(document).ready(function($){
    	$( "#reference" ).tooltip({ 
    		show: 500,
    		hide: 500,
    		tooltipClass: "bps-custom-tooltip-style",
    		position: { 
    			my: "left center", 
    			at: "left bottom+20",
    			//of: "#targetElement",
    			collision: "flipfit flip"
    		},
          	open: function( event, ui ) {
            
    			if (screen.width <= 800) {
    				ui.tooltip.animate({ top: ui.tooltip.position().top + 50 }, 500 );
    			} else {
    				ui.tooltip.animate({ top: ui.tooltip.position().top + 11 }, 500 );
    			}
     		}
    	});
    });
    /* ]]> */
    </script>

    The difference in looks comes from the fact that our plugin uses a separate library with it’s own custom styling classess.

    Hi CreativeMinds Person, many thanks for your comment.
    I am not a programmer. I do not know much of Java Script.
    Could you tell me precisely, what to change to fix my problem?
    I am lacking the skill to understand, why the conflicting code is in conflict. I need professional help.

    Or could you tell the programmer of Image Hotspot by DevVN, what causes the conflict?

    Plugin Author Le Van Toan

    (@levantoan)

    hello @petschul

    Pls remove this javascript on your site

    <script type="text/javascript">
    /* <![CDATA[ */
    jQuery(document).ready(function($){
    	$( "#reference" ).tooltip({ 
    		show: 500,
    		hide: 500,
    		tooltipClass: "bps-custom-tooltip-style",
    		position: { 
    			my: "left center", 
    			at: "left bottom+20",
    			//of: "#targetElement",
    			collision: "flipfit flip"
    		},
          	open: function( event, ui ) {
            
    			if (screen.width <= 800) {
    				ui.tooltip.animate({ top: ui.tooltip.position().top + 50 }, 500 );
    			} else {
    				ui.tooltip.animate({ top: ui.tooltip.position().top + 11 }, 500 );
    			}
     		}
    	});
    });
    /* ]]> */
    </script>

    Hi Le Van Toan,

    I tried to find this code with no success. My minimal knowledge is not sufficient to locate this code.
    I could not find it among the tooltip plugin files. Need help! Thanks!

    Plugin Author Le Van Toan

    (@levantoan)

    Hi @petschul

    Check “wp-user-control” plugin or deactivate it then test again

    Hi Le Van Toan,
    the deactivation of WP User control did not make any difference.

    Plugin Author Le Van Toan

    (@levantoan)

    I see it work now. Re-check pls

    Hi, Le Van Toan,
    I restarted my computer to flush all possible caches.
    But the proplem with the hotspots still remain.
    How does it look on your side?

    Plugin Author Le Van Toan

    (@levantoan)

    Hi, Le Van Toan,
    thanks for the picture. It is showing the problem like on my computer. I want to have a look like on site https://the.greedy.moneymonarchy.international/kapitel/k2-methoden/methode-regierung-ueberzeugen/ where tooltip is not running.
    Tooltip should just underline the configured tooltip expressions providing the link to the explanations of the expressions, without changing anything else on the format of the box.
    Is there a way to prevent tooltip to work on your hotspot boxes? I could live with that.

    Plugin Author Le Van Toan

    (@levantoan)

    Hi @creativemindssolutions

    “Is there a way to prevent tooltip to work on your hotspot boxes? I could live with that.” Pls help

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Conflict with CM Tooltip Glossary for WordPress’ is closed to new replies.