Javascript 禁用-/+；当数量输入隐藏在复合产品中时，woocommerce产品页面上用于产品变化的按钮

我使用的是woo composite产品，对于组件产品变体，最大数量设置为1，因此数量输入字段将自动隐藏

但是，-/+按钮仍然存在！这看起来很糟糕。（不是简单产品的问题）

这是页面上的html

<div class="quantity buttons_added" style="">
<input type="button" value="-" class="minus">
<input class="qty" type="hidden" name="quantity" value="1" min="1" max="1">
<input type="button" value="+" class="plus"></div>

我认为这可能是插件中的相关代码

<div class="single_variation"></div>
<div class="variations_button">
<input type="hidden" name="variation_id" value="" />
<?php
if ( $quantity_min == $quantity_max ) {
if ( $quantity_min == 1 ) {
?>

<div class="quantity" style="display:none;">

<input class="qty" type="hidden" name="quantity" value="1" />

</div>
<?php
} else {
?>
<div class="quantity"><input type="number" class="qty input-text text" disabled="disabled" name="quantity" min="<?php echo $quantity_min; ?>" max="<?php echo $quantity_min; ?>" value="<?php echo $quantity_min; ?>" /></div>
<?php
}
} else
// min-max taken care of by variations code
woocommerce_quantity_input( array( 'input_value' => $quantity_min ), $product );
?>

在css中，添加以下规则应隐藏+/-选项

.minus, .plus
{
    display:none;
} 

或要删除数量框和+/-选项，您可以通过以下方式进行操作：


编辑您的产品
滚动至“产品数据”部分
单击“库存”
勾选“单独出售”的复选框
要确认，将其设置为“单独销售”确实可以做到这一点，但如果您使用的是产品加载项，则会产生一个不良的副作用，即不显示加载项总数等。不过，当您将所选加载项添加到购物车时，它们会被包括在内，只是不会像通常在产品页面上那样显示

我发现一个可行的解决方法是使用特定于复合表单的CSS。每个组合都有一个唯一的ID。因此，如果您希望只在特定的组合上执行此操作，那么这将起作用。下面的例子

对于第2.3节之前的版本：

#composite_form_8594 .quantity, #composite_form_7073 .quantity {display:none!important;}

对于WooCommerce 2.3+：

#composite_data_8594 .quantity, #composite_data_7073 .quantity {display:none!important;}