Wordpress WooCommerce:更改按钮类而不覆盖模板文件

Wordpress WooCommerce:更改按钮类而不覆盖模板文件,wordpress,twitter-bootstrap,woocommerce,hook-woocommerce,woocommerce-theming,Wordpress,Twitter Bootstrap,Woocommerce,Hook Woocommerce,Woocommerce Theming,我想用Bootstrap中的类更改WooCommerce的按钮类 目前,我已经通过覆盖现有模板文件完成了这项工作。在许多情况下,按钮类是唯一的更改 是否有任何钩子可以为所有按钮执行此操作,而不是覆盖模板文件 我找不到任何东西我不知道这个钩子(可能有一个),也不知道引导类。但是,如果您想避免覆盖模板文件,可以使用一些JavaScript来实现 将此代码添加到functions.php,它将相应地更改类名 但是functions.php文件将在每次主题更新时被覆盖。因此,正确的方法是创建一个子主题

我想用Bootstrap中的类更改WooCommerce的按钮类

目前,我已经通过覆盖现有模板文件完成了这项工作。在许多情况下,按钮类是唯一的更改

是否有任何钩子可以为所有按钮执行此操作,而不是覆盖模板文件


我找不到任何东西

我不知道这个钩子(可能有一个),也不知道引导类。但是,如果您想避免覆盖模板文件,可以使用一些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
}
add_action('wp_head','change_button_class');
功能更改按钮类(){
?>
jQuery(文档).ready(函数($){
$('.button-1').addClass('button-2').removeClass('button-1');
});

如果您使用Bootstrap 4和SASS,您可以使用

例如,您可以轻松地将默认的
woocommerce
按钮更改为
bootstrap
按钮,如下所示:

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

创建一个子主题-。有了它,你可以在不更改原始主题的情况下进行所有更改。这是我已经做过的。我想在没有子主题的情况下进行更改。虽然这会起作用,但使用Javascript进行更改不是推荐的方法。通过
wp\u head
hook添加Javascript也不是推荐的方法(您还遗漏了
标记)。