Как добавить дополнительную информацию в атрибут продукта WooCommerce?

Question

На одной странице продукта я хотел бы добавить значок дополнительной информации (i или?) Для определенного атрибута pa_attribute.Так что, если вы нажмете на?значок вы увидите всплывающее окно для получения дополнительной информации об этом конкретном атрибуте.(пример: https://laadkompas.nl/offerte-aanvraag-1/?car-type=Universeel%2C+verschillende+elektrische+auto%27s&installatie=Ja&compire=Thuislocatie)

Я провел некоторые исследования, но не смог скомпилировать код, потому что не смог получить конкретный php pa_attribute.

Iv нашел этот код: но он не связан сатрибут pa = и его всплывающая подсказка.

add_action( 'woocommerce_before_variations_form', 'krank_custom_action', 2 );

function krank_custom_action() {
    echo '  <button class="krank-tooltip ttone" type="button" data-toggle="tooltip" data-placement="top" title="this is a text ">?</button>

Может ли кто-нибудь скомпилировать этот код, чтобы получить определенный атрибут pa с дополнительной всплывающей подсказкой с информацией или всплывающим окном на странице одного продукта (Woocommerce)?

Answer 1

Я провел небольшое исследование и нашел правильный код.Он связан с определенным pa_attribute, но теперь мне нужно, чтобы значок (?) Был кликабельным и получал больше информации об этом конкретном атрибуте продукта.

add_filter( 'woocommerce_attribute_label', 'custom_attribute_label', 10, 3 );

функция custom_attribute_label ($ label, $ name, $ product) {$ taxonomy = 'pa _'. $ name;

if( $taxonomy == 'pa_montagewijze' )
    $label .= '<div class = "customization_image_icon"><img class="alignleft wp-image-25335" src="https://laadkompas.nl/wp-content/themes/laadkompass/images/info.png" alt="" width="10" height="10" /></div>';

return $label;

}

Может ли кто-нибудь создать всплывающую подсказку для этого конкретного атрибута, чтобы получить больше информации?