Я впервые использую woocommerce для создания веб-сайта на базе WordPress для электронной коммерции. Мне нужно применить классы форм bootstrap 4 css и удалить классы по умолчанию, которые woocommerce будет использовать для обертывания элементов формы. Используя инспектор, я заметил, что тег <p class="form-row form-row-first"> добавляется перед каждыми <label> и <input>, а также входные данные оборачиваются внутри тега <span>, и это нарушит весь макет bootstrap 4. После некоторой головной боли я нашел подобный вопрос здесь на SO, и я решил попробовать, но решение не будет работать для меня, как я ожидаю. Я хочу создать форму, соответствующую сетке css bootstrap, например:
<form>
<div class="form-group">
// form group wrapper for labels and inputs
<label for=""></label>
<input type="text" class="form-control" />
</div>
</div>
Это базовая c разметка для формы bootstrap 4. Для некоторых полей я также хочу использовать .form-row для группировки двух полей, таких как имя и фамилия или аналогичные, в столбцы .col-sm-12 col-md-6 col-lg-6.
Возможно ли это с помощью фильтров или хуков? Я нашел основной файл, который управляет функцией рендеринга fileds, но я не хочу редактировать файл, чтобы избежать путаницы в коде.
Теперь поля формы выставления счета и оформления заказа имеют такую структуру:
Спасибо за помощь.