仅在一种产品上隐藏/删除商店页面上的“添加到购物车”按钮

Question

是否只有一种方法可以隐藏或删除商店页面上的“添加到购物车”按钮？这将是为了迫使用户单击单个产品页面，以便在此页面上“构建”或定制其产品。

我尝试了以下代码行，但没有完成工作：

#product-3093 .products-grid .button.btn-cart {
display: none;}

任何帮助将不胜感激。

Answer 1

也许不是您想要的，但这是用户友好的

function my_is_purchasable( $is_purchasable, $product) {
    if( is_shop() || is_product_category() ) {

        //checks the product type, string/array $type ( 'simple', 'grouped', 'variable', 'external' )
        if ( $product->is_type( 'simple' ) ) {
            $is_purchasable = false;
        }
    }

    return $is_purchasable;
}
add_filter('woocommerce_is_purchasable', 'my_is_purchasable', 10, 2 );

---

OR

使用此代码，将一个类添加到页面的body元素

function add_css_body_class( $classes ) {
    if ( is_shop() ) {
        $classes[] = 'shop-page';
    }
    return $classes;
}
add_filter( 'body_class', 'add_css_body_class' );

然后是此CSS代码

.shop-page .product_type_simple {
    display: none;
}