当数量输入隐藏在复合产品中时,禁用 - woocommerce产品页面上的/ +按钮以了解产品差异

时间:2014-03-26 20:52:10

标签: javascript button woocommerce composite product

我正在使用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的帮助都将不胜感激。

2 个答案:

答案 0 :(得分:3)

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

.minus, .plus
{
    display:none;
} 

删除数量框和+/-选项,您可以通过以下方式执行此操作:

  • 修改您的产品
  • 滚动到&#34;产品数据&#34;节
  • 点击&#34;广告资源&#34;
  • 勾选“&34;单独出售&#34;
  • ”复选框

答案 1 :(得分:0)

要确认,将其设置为单独销售确实可以解决问题,但如果您使用的是产品插件,则会产生不良的副作用,即不显示插件总数等。添加时会包含所选的插件但是,您的购物车不会像通常在产品页面上那样显示。

我发现可行的解决方法是使用特定于复合表单的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;}