Support » Plugin: Ultimate WooCommerce Filters » Color Name on Hover

  • Resolved jaidevpandit14

    (@jaidevpandit14)


    Hello Admin,
    I would like to display color name on hover. When a user places a cursor on the color in sidebar widget the color name should appear.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You can try to make it work with some jQuery code. At first, you need to hide all colors names, then show color name on hover.

    I wrote a function for you. Add it to your theme’s functions.php file:

    function cf_show_color_name_on_hover() {
    ?>
    	<script type="text/JavaScript">
    		// Hide all color names
    		jQuery('.color_and_text_link').hide();
    
    		jQuery('.rcorners').hover(
    		  function() {
    		  	// Show color name on hover
    		    jQuery( this ).parent().parent().find('.color_and_text_link').show();
    		  }, function() {
    		  	// Hide color name
    		    jQuery( this ).parent().parent().find('.color_and_text_link').hide();
    		  });	  
    	</script>
    <?php
    }
    
    add_action( 'wp_footer', 'cf_show_color_name_on_hover' );

    And configure your widget to show Color and name.

    • This reply was modified 5 years, 2 months ago by Dominykas.
    Thread Starter jaidevpandit14

    (@jaidevpandit14)

    Thank You for your support, but its coming one below the other. Cant we have the colors thumbnails appear as it comes when we configure widgets to show Color.

    Hey, unfortunately it does not work out of the box

    Thread Starter jaidevpandit14

    (@jaidevpandit14)

    Hello Please can you display text above the color instead of it apprearing on right hand side.

    Well, you can try to customize with CSS. What’s your web site address?

    BTW, we don’t provide customizations for free plugins.

    Thread Starter jaidevpandit14

    (@jaidevpandit14)

    www.idiotheory.com. Its just a small css change. It would be great if you can help me.

    [ No bumping please. ]

    Well, this is a theme related issue. You should try to post in CSS forums.. This is out of our support scope (not a bug or any issue with the plugin)…

    Closing.

    Thread Starter jaidevpandit14

    (@jaidevpandit14)

    Hello Admin,
    Please can you check the my website http://www.idiotheory.com.

    I have installed the plugin but its not working. Its showing now products found.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Color Name on Hover’ is closed to new replies.