Hinzufügen eines benutzerdefinierten Textes neben einem bestimmten Produktattributlabel in WooCommerce

Der Versuch, Text (am besten innerhalb eines div) neben dem Titel/Label für eine Variation (z. B. SIZE) hinzuzufügen ohne die Woocommerce-Seitenvorlage zu bearbeiten.

Pseudocode:

function my_text_after_variation (){
  if attribute pa_size exists {
    echo label for pa_size;
    echo <div> MY TEXT </div>;
}else{
   return;
}};

Jede Hilfe ist sehr willkommen.

Um einen benutzerdefinierten Text direkt nach einem bestimmten Attributbezeichnungsnamen anzuzeigen, verwenden Sie eine eingehängte benutzerdefinierte Funktion woocommerce_attribute_label dedizierter Filter-Hook, auf diese Weise:

add_filter( 'woocommerce_attribute_label', 'custom_attribute_label', 10, 3 );
function custom_attribute_label( $label, $name, $product ) {
    $taxonomy = 'pa_'.$name;

    if( $taxonomy == 'pa_size' )
        $label .= '<div class="custom-label">' . __('MY TEXT', 'woocommerce') . '</div>';

    return $label;
}

Der Code wird in die function.php-Datei Ihres aktiven untergeordneten Designs (oder aktiven Designs) eingefügt.

Getestet und funktioniert.

Wenn Sie die Woocommerce-Seitenvorlage nicht bearbeiten können, versuchen Sie, jQuery zu verwenden. Zum Beispiel:

$('.pa_size label').after('<span class="some-text">some text</text>');

Wenn Sie variablen Text verwenden müssen, können Sie mit dieser Variablen ein Objekt erstellen, indem Sie ‘wp_localize_script‘ und holen Sie es von diesem Objekt:

Funktion.php

// Localize the script with your data
$data_array = array(
  'some_text' => __( 'Some text to insert', 'my-domain' ),
);
wp_localize_script( 'some_handle', 'object_name', $data_array );

jQuery:

$('.pa_size label').after(object_name.some_text);