я могу добавить идентификатор или класс 'wc_display_item_meta'

Question

на странице результатов проверки woocommerce, список 'wc-item-meta'

Я хочу добавить id или класс в элементе 'strong' и 'p', чтобы управлять с помощью css. (изменить текст на изображение)

как p class = "01_S", strong class = "wc-item-meta-label 01_S"

есть ли какое-нибудь решение?

<ul class="wc-item-meta">
    <li>
        <strong class="wc-item-meta-label">sleeve :</strong>
        <p>01_S</p>
    </li>
    <li>
        <strong class="wc-item-meta-label">hood :</strong>
        <p>02_M</p>
    </li>
</ul>

Answer 1

Используйте следующий фрагмент кода в файле functions.php вашей активной темы для достижения вышеуказанного -

function modify_woocommerce_display_item_meta( $html, $item, $args ) {
    $strings = array();
    $html = '';
    foreach ( $item->get_formatted_meta_data() as $meta_id => $meta ) {
        // remove strip tags
        $display_value = wp_strip_all_tags( $meta->display_value );
        $value     = $args['autop'] ? wp_kses_post( $display_value ) : wp_kses_post( make_clickable( trim( $display_value ) ) );
        $args['label_before'] = '<strong class="wc-item-meta-label ' . wp_strip_all_tags( $display_value ) . '">';
        $args['label_after'] = ':</strong> ';
        $strings[] = $args['label_before'] . wp_kses_post( $meta->display_key ) . $args['label_after'] . '<p class="' . wp_strip_all_tags( $display_value ) . '">' . $value . '</p>';
    }

    if ( $strings ) {
        $html = $args['before'] . implode( $args['separator'], $strings ) . $args['after'];
    }
    return $html;

}
add_filter( 'woocommerce_display_item_meta', 'modify_woocommerce_display_item_meta', 99, 3 );