Question

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

目前我通过覆盖现有的模板文件来完成这项工作。在许多情况下，按钮类是唯一的变化。

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

我找不到任何东西

Answer 1

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

例如，您可以像这样轻松地将默认的unique(df$Name)按钮更改为woocommerce按钮：

bootstrap

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
}

更新

添加了脚本标记

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

2 个答案: