Add class to woocommerce checkout body based on filter

I am trying to add a class to a checkout page if the checkout contains a subscription renewal.
Woocommerce provides wcs_cart_contains_renewal() to check.
I am using this code but obviously missing something as it’s not working.

$cart_items = wcs_cart_contains_renewal();
    if ( ! empty( $cart_items ) ) {

    add_filter( 'body_class','my_body_classes' );
    function my_body_classes( $classes ) {
        $classes[] = 'renewal-order';
        return $classes;
    }
}

Any help on how to make this work?

Contents hide

Answers:

Method 1

Method 2

Method 3

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

As @cjbj noted in a comment, this is probably a timing issue. This means that instead of directly adding the code to functions.php you need to wrap it inside a callback function and attach it to a later firing action. WordPress, themes and plugins too, loads and does things in certain order. Thus some code needs to be added with actions to make them properly.

Personally, I usually add body_class filtering, if it depends on some data, on template_redirect (Fires before determining which template to load) action to make sure the code will have all the data it needs to determine how to filter the classes.

// Hook anonymous callback to template_redirect action
add_action(
    'template_redirect',
    function(){
        // Get data
        $cart_items = wcs_cart_contains_renewal();
        // Check for truthy condition
        if ( $cart_items ) {
            // Hook anonymous callback to body_class filter
            add_filter(
                'body_class',
                function( $classes ) {
                    // Add additional class
                    $classes[] = 'renewal-order';
                    return $classes;
                }
            );
        }
    }
);

You can use named callback instead of anonymous ones, if you wish.

Method 2

The body_class filter is called inside the function with the same name, which is supposed to be in your theme like this: <body <?php body_class(); ?>>

Now, you don’t make clear where your piece of code is called, but if it is not attached to wp_head or another hook inside the <head> tag of you page, you are adding a filter to a function that has already been called. As a result nothing happens.

Method 3

While I am running with Antti’s code I did manage to get it working. I think the issue with my initial code was it needed to be wrapped up within the function.

function inline_css() {
    $cart_items = wcs_cart_contains_renewal();
    if ( ! empty( $cart_items ) ) {
    add_filter( 'body_class','my_body_classes' );
        function my_body_classes( $classes ) {
            $classes[] = 'renewal-order';
        return $classes;
        }
    }

}
add_action( 'wp_head', 'inline_css', 0 );

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes

Article Rating