php - 如果未选择属性按钮上的红色轮廓，如何在属性按钮上显示错误？

Question

我正在研究 woo-commerce 主题。在产品页面上，当用户未选择任何属性并尝试将产品添加到购物车时，它会在警告框中显示错误，如下所示

我想在未选为错误的选项上画出红色轮廓……怎么做？

基于Change the alert text on add to cart action without selected variant in Woocommerce answer thread，我已经根据客户要求使用以下代码更改了消息：

/* THIS CODE IS FOR CHANGING ALERT MESSAGE ON PRODUCT PAGE */
add_filter( 'gettext', 'customizing_variable_product_message', 97, 3 );
function customizing_variable_product_message( $translated_text, $untranslated_text, $domain )
{
    if ($untranslated_text == 'Please select some product options before adding this product to your cart.') {
        $translated_text = __( 'Please select all "Options" before adding product to the cart.', $domain );
    }
    return $translated_text;
}

另外我想用网站徽标替换域名和上面的文字。