🛒 Стилизация woocommerce select на странице оформления заказа 🛒

К сожалению через обычный css браузеры не дают стилизовать выпадающий список (select). А что делать, если это нужно?

Для стилизация нам на помощь приходит javascript. С помощью него можно сделать показ выпадающего списка при клике на элемент. А далее после выбора определенного элемента (div) брать его значение и подставлять в скрытый select.

Звучит неудобно и довольно заморочено для такой казалось бы простой задачи. К счастью были придуманы разные библиотеки, благодаря которым можно всё это стилизовать 1 строчкой кода. Например библиотека select2.

🎆 Как стилизовать выпадающий список в woocommerce?
В woocommerce уже встроена библиотека select2 и он её уже использует для поля "выбор страны". Поэтому мы можем сразу её использовать.
К сожалению в пост не влезет подробная настройка, поэтому я описал процесс стилизации в статье с подробными инструкциями.

WEB PANDA | #wordpress #woocommerce #дизайн