在WooCommerce中的特定产品属性标签旁边添加自定义文本

Question

尝试在不修改woocommerce页面模板的情况下，为变体（即SIZE）添加标题/标签旁边的文字（最好在div内）。

伪代码：

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

非常欢迎每一位帮助。

Answer 1

要在特定属性标签名称后面显示自定义文字，您将使用此功能将此功能挂钩在 woocommerce_attribute_label 专用过滤器挂钩中，这样：

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;
}

代码进入活动子主题（或活动主题）的function.php文件。

经过测试和工作。

Answer 2

如果您无法编辑woocommerce页面模板，请尝试使用jQuery。 例如：

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

如果您需要使用变量文本，可以使用“wp_localize_script”使用此变量创建对象，并从此对象获取它：

function.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);