php - 当购物篮中有 Woocommerce 中的商品时添加自定义主体类

Question

当我的 woocommerce 购物车有购物篮商品时，我正在尝试进行一些样式调整。

添加商品后，会出现“立即使用 paypal 付款”按钮，但其默认位置需要修复。不幸的是，当此按钮出现时，我看不到出现的任何类。

有谁知道当购物车总数不再为零时如何向正文添加类？

如有任何帮助，我们将不胜感激。

Answer 1

这可以通过以下两个 Hook 函数来完成:

• 第一个将在购物车不为空时将 'has_items' 类添加到正文
• 第二个将在 Ajax 添加到购物车事件上将 'has_items' 类添加到正文(如果尚未设置)。

代码:

add_filter( 'body_class', 'add_body_class_for_cart_items' );
function add_body_class_for_cart_items( $classes ) {
    if( ! WC()->cart->is_empty() )
        $classes[] = 'has_items';

    return $classes;
}

add_action( 'wp_footer', 'add_body_class_for_ajax_add_to_cart' );
function add_body_class_for_ajax_add_to_cart() {
    ?>
        <script type="text/javascript">
            (function($){
                $('body').on( 'added_to_cart', function(){
                    if( ! $(this).hasClass('has_items') )
                        $(this).addClass('has_items');
                        console.log('added_to_cart');
                });
            })(jQuery);
        </script>
    <?php
}

代码位于事件子主题(或主题)的 function.php 文件中。

经过测试并有效。