当股票超过Woocommerce时改变按钮样式

Question

当产品没有库存时，我试图做一个钩子来改变购买按钮的样式。 我做过类似的事，但没有成功。

do_action( 'woocommerce_no_stock', $product ); 
function action_woocommerce_no_stock( $product ) { ?>
    <style>
        .btn-assine {
            background: blue;
        }
    </style>
    <?php
}; 
add_action( 'woocommerce_no_stock', 'action_woocommerce_no_stock');

Answer 1

如果产品缺货，通常Woocommerce会删除该按钮。如果您的产品设置允许延期交货，那么您将看到该按钮，此按钮的CSS类可能与其他按钮不同。

Answer 2

请尝试以下代码。

do_action( 'woocommerce_no_stock', $product ); 
function action_woocommerce_no_stock( $product ) { 
 echo '
  <style type="text/css">
    .single-product .product .single_add_to_cart_button.button{
         background-color: #333333;
         color: #FFFFFF;
    }
    .woocommerce .product .add_to_cart_button.button{
         background-color: #333333;
         color: #FFFFFF;
    }
 </style>
';
}; 
add_action( 'woocommerce_no_stock', 'action_woocommerce_no_stock', 10, 1 );