我想隐藏在woocommerce产品页面下拉列表中显示的特定变体。我能够隐藏“选择一个选项”,但我正在努力为value="2,5 kg"
做同样的事情,例如
这是我隐藏“选择一个选项”的代码:
add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'remove_choose_an_option');
function remove_choose_an_option( $html ){
$html = str_replace('<option value="">' . __( 'Choose an option', 'woocommerce' ) . '</option>','',$html);
return $html;
}
但是如何用value="2,5 kg"
隐藏变化呢?示例产品:https://www.keimster.de/produkt/gekeimtes-gesundes-muesli/
我也试过css,但这两个都没有工作
#groesse > option[value=2,5 kg], #groesse > option:nth-child(1) {display: none;}
请尝试以下操作,隐藏“选择一个选项”,并在单个变量产品页面上的产品属性下拉列表中隐藏“2,5 kg”选项值:
add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'filter_dropdown_variation_args', 10, 1 );
function filter_dropdown_variation_args( $args ) {
// Dont show "Choose an option"
$args['show_option_none'] = false;
// Remove the option value "2,5 kg"
foreach( $args['options'] as $key => $option ){
if( $option === "2,5 kg" ) {
unset($args['options'][$key]);
}
}
return $args;
}
代码位于活动子主题(或活动主题)的function.php文件中。它应该有效。
您可以从编辑产品页面禁用变体,而不是代码。在产品数据元框的变体选项卡中,您可以取消选中启用复选框。这将删除前端的下拉列表。附上相同的截图。