Как отображать ошибку на кнопках атрибутов, если они не выбраны в виде красного контура на них?

Я работаю над темой woo-commerce. На странице продукта, когда пользователь не выбирает какой-либо атрибут и пытается добавить продукт в корзину, в окне предупреждения отображается ошибка, подобная этой

введите здесь описание изображения

Я хочу сделать красный контур на тех опциях, которые не выбраны как ошибка... Как это сделать?

На основе Измените текст предупреждения при добавлении в корзину без выбранного варианта в ветке ответов Woocommerce, я изменил сообщение, поскольку клиент запросил его, с помощью кода ниже:

/* 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;
}

Также я хотел бы заменить доменное имя и верхний текст логотипом веб-сайта.


person Fazil Mahesania    schedule 28.01.2020    source источник
comment
Информация: Чтобы изменить доменное имя, просто замените $domain из $translated_text на слаг желаемого доменного имени... Не задавайте сразу несколько вопросов: правило заключается в одном вопросе за раз, поэтому разделите его. Также постарайтесь быть более явным, чтобы иметь больше шансов получить полезный ответ.   -  person LoicTheAztec    schedule 29.01.2020