wordpress - WooCommerce: change button class without overwrite template files

Question

I want to change the button classes of WooCommerce with the classes from Bootstrap.

At the moment I've done that by overwriting the existing templates files. In many cases, the button classes are the only changes.

Is there any hook to do this for all buttons instead of overwriting the template files?

I couldn't find anything

Answer 1

如果您使用 Bootstrap 4 和 SASS，您可以使用@extend

例如，您可以轻松地将默认woocommerce按钮更改为bootstrap如下按钮：

.woocommerce .button {
  @extend .btn;
  @extend .btn-primary;
}

Answer 2

我不知道这个钩子（可能有一个），我不知道 Bootstrap 类。但是如果你想避免覆盖模板文件，你可以用一些 JavaScript 来实现。

将此代码添加到functions.php，它将相应地更改类名。

但是 functions.php 文件将被每次主题更新覆盖。所以正确的方法是创建一个子主题。

add_action( 'wp_head', 'change_button_class' );
function change_button_class() {
    ?>

    <script type="text/javascript">
    jQuery(document).ready(function($){
        $('.button-1').addClass('button-2').removeClass('button-1');
    });
    </script>

    <?php
}

更新

添加了脚本标签