Изменить стиль кнопки, когда запас превышает 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

Пожалуйста, попробуйте ниже код.

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 );

Answer 2

Обычно Woocommerce удаляет кнопку, если товара нет в наличии.Если в настройках вашего продукта разрешены задержки, вы увидите кнопку, и, вероятно, класс CSS для этой кнопки будет отличаться от других.