Нужно ли добавлять свои классы в woocommerce или стоит накидывать стили на классы самого woocommrce?

Лучший вариант — не удалять и не переименовывать классы WooCommerce, а добавлять свои классы поверх них и писать стили с учетом существующей структуры. У WooCommerce многие классы используются не только для CSS, но и для JS, AJAX, фрагментов корзины, вариативных товаров, галереи, уведомлений и обновления checkout.

Плохой подход:

<button class="my-button">В корзину</button>

Если это кнопка WooCommerce, при такой замене можно потерять обработчики. Лучше оставить системные классы и добавить свой:

<button class="single_add_to_cart_button button alt my-product-button">В корзину</button>

В CSS стилизуйте свой класс или комбинацию:

.my-product-button {
  border-radius: 6px;
  background: #111;
  color: #fff;
}
 
.woocommerce div.product .my-product-button:hover {
  background: #333;
}

Для контейнеров тоже удобно добавлять свои классы через шаблон, hook или фильтр, особенно если дизайн нестандартный. Но базовые классы WooCommerce лучше сохранять: это снижает риск сломать обновление корзины, вариации, checkout и совместимость с плагинами.

Перед внедрением на рабочем сайте проверьте решение на копии или хотя бы сделайте резервную копию изменяемого файла. После правки включите отображение ошибок, откройте проблемную страницу в обычном и приватном окне, проверьте консоль браузера и логи PHP. Если задача связана с WordPress, WooCommerce или ACF, дополнительно проверьте поведение после очистки кэша и после выхода из админки: часть ошибок видна только для незалогиненного пользователя.

Если код работает только в одном шаблоне, лучше не оставлять его разрозненно в нескольких файлах. Вынесите повторяемую логику в функцию, небольшой плагин или template part, а в шаблоне оставьте только вызов. Так проще поддерживать решение после обновления темы, плагинов и PHP.