woocommerce добавить значок в поля оформления заказа

Question

Я хочу добавить небольшой значок в некоторые из моих полей оформления заказа, чтобы в поле телефона было небольшое изображение телефона и т. Д., Согласно приложенному изображению.

Я попытался вставить следующий кодв CSS, но это не сработало ... я должен попробовать это с Fontawesome и если да, то как будет выглядеть код?Спасибо !!

#billing_phone {
      background-image: url('wp-content/uploads/2018/11/Asset-1.svg');
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 16px;

Answer 1

я бы посмотрел на использование шрифта awesome и нажал на заполнитель, добавив эту функцию с вашими правками в ваши functions.php внутри вашей дочерней темы

add_filter('woocommerce_default_address_fields', 'override_default_address_checkout_fields', 20, 1);
function override_default_address_checkout_fields( $address_fields ) {
    $address_fields['first_name']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    $address_fields['last_name']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    $address_fields['address_1']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    $address_fields['state']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    $address_fields['postcode']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    $address_fields['city']['placeholder'] = 'ADD FONT AWESOME UNICODE HERE';
    return $address_fields;
}

используйте шрифт удивительный шпаргалка

, чтобы получить правильный Unicode для значков, которые вы хотите, все это предполагает, что у вас уже есть удивительный шрифт на вашем сайте, и вам, возможно, придется сделать некоторые стили, то есть цвета и размер