修改WooCommerce可变产品属性下拉框默认提示文本

问题背景 #

在WooCommerce子主题中自定义可变产品页面时，属性下拉框的默认提示始终显示为--Choose a option--，无法替换为对应属性名称（如--Choose a Price--、--Choose a card--），即使修改了variable.php模板也未生效。

正确解决方案 #

方案1：修正模板文件（子主题variable.php） #

你之前修改wc_dropdown_variation_attribute_options时错误地合并了options数组，该函数本身提供了placeholder参数用于设置默认提示，无需手动修改选项列表。

修改子主题woocommerce/add-to-cart/variable.php中对应代码段：

wc_dropdown_variation_attribute_options(
    array(
        'options'   => $attributes[ $attribute_name ],
        'attribute' => $attribute_name,
        'product'   => $product,
        'placeholder' => '--' . wc_attribute_label( $attribute_name ) . '--',
    )
);

删除原代码中array_merge的部分，直接通过placeholder参数传入属性标签作为提示文本。

方案2：使用过滤器（无需修改模板，更兼容） #

如果不想修改模板文件，可在子主题functions.php中添加过滤器，全局修改所有可变产品属性的下拉提示：

add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'custom_variation_dropdown_placeholder', 10, 2 );
function custom_variation_dropdown_placeholder( $args, $attribute ) {
    $attribute_label = wc_attribute_label( $attribute );
    $args['placeholder'] = '--' . $attribute_label . '--';
    return $args;
}

该方法通过WooCommerce原生过滤器直接修改下拉框参数，避免模板更新时的兼容性问题。

效果验证 #

修改完成后，刷新可变产品页面，属性下拉框的默认选项会自动显示为对应属性名称的提示文本（如--Choose a Price--），符合预期需求。

内容的提问来源于stack exchange，提问作者Brango