WooCommerce -从下拉选择列表中添加自定义类到变体选项

Question

我尝试添加自定义类的变化选择列表。我知道如何向SELECT标记添加类，但我不能从这个列表中列出每个选项。我需要在选项标签中添加自定义类。

下面是我的函数:

add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'my_dropdown_choice' );
/**
* Add class to option from variation list
*/
function my_dropdown_choice( $add_class ){
if( is_product() ) {
$add_class['class'] = 'my_custom_class';
}  
return $add_class;    
}

怎么做?

Answer 1

WooCommerce没有钩子允许您为产品变体表单的每个选项赋值class属性，但正如您所说，它仅为select元素赋值class属性。

要做到这一点，您需要使用woocommerce_dropdown_variation_attribute_options_html

创建一个自定义变体表单钩。WooCommerce Code Reference: woocommerce_dropdown_variation_attribute_options_html

你可以在这里找到一个例子:

• 如何将变型库存状态添加到Woocommerce产品变型下拉列表