当数量输入隐藏在复合产品中时，禁用 woocommerce 产品页面上的 -/+ 按钮以进行产品变化答案

【问题标题】：Disable -/+ buttons on woocommerce product page for product variations when quantity input is hidden in composite product当数量输入隐藏在复合产品中时，禁用 woocommerce 产品页面上的 -/+ 按钮以进行产品变化
【发布时间】：2014-05-05 13:13:47
【问题描述】：

我使用的是woo复合产品，对于组件产品变体，最大数量设置为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 );
?>

环顾四周，我认为解决方案是包含一些自定义 javascript 代码，但这远远超出了我的范围。任何对 Noob 的帮助将不胜感激。

【问题讨论】：

标签： javascript button woocommerce composite product

【解决方案1】：

在您的 CSS 中，添加以下规则应该隐藏 +/- 选项

.minus, .plus
{
    display:none;
}

OR 删除数量框和 +/- 选项，您可以这样做：

编辑您的产品
滚动到“产品数据”部分
点击“库存”
勾选“单独销售”复选框

【讨论】：

【解决方案2】：

确认一下，将其设置为单独销售确实可以解决问题，但如果您使用的是产品插件，则会产生不希望显示插件总数等的不良副作用。当您将所选插件添加到但是，您的购物车却没有像通常在产品页面上那样显示。

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

对于 WooCommerce 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;}

【讨论】：