Adding extra classes to archive pages on Wordpress

1.5k Views Asked by Adam Scot At 25 April 2025 at 16:33

Both of the following pages use the Archive template

Yet they display content differently as on the first example, the classes "woocommerce woocommerce-page" are added to the < body> tag

How do I tell Wordpress to add the two classes "woocommerce" and "woocommerce-page" to all archive pages?

Original Q&A

There are 1 best solutions below

brasofilo On 29 August 2013 at 15:52 BEST ANSWER

Your theme header should have something like <body <?php body_class(); ?>>.

You can add to your functions.php, or, preferably, in a custom plugin the following filter to manipulate the classes being output:

add_filter( 'body_class', 'b5f_modify_body_classes', 10, 2 );

function b5f_modify_body_classes( $classes, $class )
{
    // Modify the array $classes to your needs
    if( is_archive() )
    {
        $classes[] = 'woocommerce';
        $classes[] = 'woocommerce-page';
    }    
    return $classes;
}

You can check WordPress function get_body_class() to see how it can be built.

Adding extra classes to archive pages on Wordpress

There are 1 best solutions below

Related Questions in WORDPRESS

Related Questions in WOOCOMMERCE

Related Questions in WOOTHEMES

Trending Questions

Popular # Hahtags

Popular Questions