如何在可变产品页面上隐藏 div (woocommerce)

Question

我已经搜索了大约 5 或 6 天，但似乎没有任何效果...

我正在尝试使用下面的代码仅在 woocommerce 可变产品上隐藏 div“”...但我似乎无法让它工作。

add_action( 'show_hide_product_variable_price', 8 );
function show_hide_product_variable_price() {
    global $product;

    if( $product->has_child() ) {
        ?>
        <style>
            .summary-price-box {
                display: none;
            }
        </style>
        <?php
    }
}

我也试过在上面的代码中使用这一行，但仍然没有...

if( $product->is_type('variable') ) {

Answer 1

所以我今天早些时候解决了这个问题。

您可以像这样使用 CSS 实现此目的：

.product-type-variable .summary-price-box {
    display: none !important;
}

或者您可以像这样使用 Javascript 实现此目的：

add_filter('woocommerce_get_price_html', 'lw_hide_variation_price', 10, 2);
function lw_hide_variation_price( $v_price, $v_product ) {
$v_product_types = array( 'variable');
if ( in_array ( $v_product->product_type, $v_product_types ) && !(is_shop()) ) {
return '';
}
// return regular price
return $v_price;
}

css 隐藏完整的“summary-price-box”，而 javascript 将仅隐藏“价格范围”或“自：$X.XX”

如何在可变产品页面上隐藏 div (woocommerce)

how to hide div on variable product pages (woocommerce)

woocommerce

variable-product