在WooCommerce中，我希望在标签旁边显示所选属性的名称.
<th class="label">
<label for="<?php echo esc_attr( sanitize_title( $attribute_name ) ); ?>"><?php echo wc_attribute_label( $attribute_name ); // WPCS: XSS ok. ?></label>
<?php
$brand_terms = get_the_terms($post, 'pa_spieki');
$brand_string = ''; // Reset string
foreach ($brand_terms as $term) :
$brand_string .= $term->name . ' ';
endforeach;
echo $brand_string;
?>
</th>
不幸的是，我的代码返回整个列表，而不仅仅是选定的属性.
我怎样才能改变这一点？
你不能用PHP在服务器端管理它，需要JavaScript.try 以下代码替换:
add_action('woocommerce_before_add_to_cart_form', 'display_specific_selected_attribute_term_name', 25);
function display_specific_selected_attribute_term_name() {
global $product;
if ( !$product->is_type('variable') ) {
return; // Exit if it's not a variable product
}
$taxonomy = 'pa_spieki'; // <== HERE set the attribute taxonomy
wc_enqueue_js("const selAttr = 'select#{$taxonomy}',
selAttrOption = selAttr+' option:selected',
selLabel = 'label[for={$taxonomy}]',
selSpan = 'span.for-{$taxonomy}';
$(selLabel).after(' <span class=\"for-{$taxonomy}\"></span>');
function displayAttrSelectedOptionText(){
const textValue = $(selAttr).val() != '' ? $(selAttrOption).text() : '';
$(selSpan).text(textValue);
}
displayAttrSelectedOptionText();
$('form.cart').on('change', 'select#{$taxonomy}', function() {
displayAttrSelectedOptionText();
})");
}
代码位于您的子主题的unctions.php文件中(或在插件中).经过测试，效果良好.