Tooltip für Variationen im Frontend

/**
     * Init the attributes page
     */
    public function attributes_page() {
        WC_Admin_Attributes_ext::output();
    }


    public function get_label_with_tooltip( $label, $name, $product ) {
        global $wpdb;


        $desc = $wpdb->get_var( $wpdb->prepare( "SELECT attribute_description FROM {$wpdb->prefix}woocommerce_attribute_taxonomies WHERE attribute_name = %s;", $name ) );


        if (!empty($desc)) {
            $label = '<span class="attribute-tip" '
                . 'data-toggle="popover" '
                . 'data-content="' . esc_attr(apply_filters('the_content', str_replace('\"', '&quot;', $desc))) . '" '
                . 'data-trigger="click" '
                . 'data-html="true" '
                . 'data-placement="bottom" '
                . 'title="' . $label . '" '
                . '>' . $label . '<i class="icon-question"></i></span>';
        }


        return $label;
    }


}

// (aw) Keep popover open when hovering the content
(function($) {
    var originalLeave = $.fn.popover.Constructor.prototype.leave;
   
    $.fn.popover.Constructor.prototype.leave = function(obj) {
        var self = obj instanceof this.constructor
            ? obj
            : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
        var container, timeout;


        originalLeave.call(this, obj);


        if (obj.currentTarget) {
            container = $(obj.currentTarget).siblings('.popover')
            timeout = self.timeout;
            container.one('mouseenter', function() {
                // We entered the actual popover – call off the dogs
                clearTimeout(timeout);
                // Let's monitor popover content instead
                container.one('mouseleave', function() {
                   $.fn.popover.Constructor.prototype.leave.call(self, self);
                });
             })
        }
    };
})(jQuery);


jQuery(document).ready(function () { // this has to be done after the document has been rendered
    jQuery("[data-toggle='tooltip']").tooltip({html: true}); // enable bootstrap 3 tooltips
    jQuery('[data-toggle="popover"]').each(function () {
        var $element = jQuery(this);
        if (!$element.parent().hasClass('popover-processed')) {
            $element.parent().addClass('popover-processed');
            // (aw) how / Hide delay
            $element.popover({delay:{show:50, hide: 400}});
        }
    });


    jQuery('body').on('click', function (e) {
        //did not click a popover toggle or popover
        if (typeof jQuery(e.target).data('original-title') == 'undefined'
                && jQuery(e.target).parents('.popover.in').length === 0) {
            jQuery('[data-toggle="popover"]').popover('hide');
        }
        else if (typeof jQuery(e.target).data('original-title') != 'undefined'
                && jQuery(e.target).parents('.popover.in').length === 0) {
            jQuery('[data-toggle="popover"]').not(e.target).popover('hide');
        }
    });
});