Product attribute tooltip

Hey,

Tooltips are usually provided via css or jQuery. You have to look for the solution in that direction.

It is not specific to woocommerce but generally, tooltips are applied through the class of the element.

Regards

If you wish to change the html output, this can be done via the following template

https://github.com/woocommerce/woocommerce/blob/3.8.0/templates/single-product/product-attributes.php

(This template can be overridden by copying it to yourtheme/woocommerce/single-product/product-attributes.php.)

a small example of a css tooltip

<div class="my-elemement">my tooltip</div>

.my-element {
    visibility: hidden;
    width: 112px;
    background-color: #ce0e2d;
    color: #fff;
}

.my-element:hover {
    visibility: visible;
}

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.