wc_body_class() │ WC 1.0

Add body classes for WC pages.

No Hooks.

Return

Array.

Usage

wc_body_class( $classes );
$classes(array) (required)
Body Classes.

Examples

0

#1 Add a body class of the product type for the product page 

add_filter( 'body_class', 'add_class_to_product_page' );

function add_class_to_product_page( $classes ){

	if ( is_product() ) {
		$product = wc_get_product();

		$classes[] = 'product-type-' . $product->get_type();
	}

	return $classes;
}

wc_body_class() code WC 7.5.1

woocommerce/includes/wc-template-functions.php 
function wc_body_class( $classes ) {
	$classes = (array) $classes;

	if ( is_shop() ) {

		$classes[] = 'woocommerce-shop';

	}

	if ( is_woocommerce() ) {

		$classes[] = 'woocommerce';
		$classes[] = 'woocommerce-page';

	} elseif ( is_checkout() ) {

		$classes[] = 'woocommerce-checkout';
		$classes[] = 'woocommerce-page';

	} elseif ( is_cart() ) {

		$classes[] = 'woocommerce-cart';
		$classes[] = 'woocommerce-page';

	} elseif ( is_account_page() ) {

		$classes[] = 'woocommerce-account';
		$classes[] = 'woocommerce-page';

	}

	if ( is_store_notice_showing() ) {
		$classes[] = 'woocommerce-demo-store';
	}

	foreach ( WC()->query->get_query_vars() as $key => $value ) {
		if ( is_wc_endpoint_url( $key ) ) {
			$classes[] = 'woocommerce-' . sanitize_html_class( $key );
		}
	}

	if ( wc_block_theme_has_styles_for_element( 'button' ) ) {

		$classes[] = 'woocommerce-block-theme-has-button-styles';

	}

	$classes[] = 'woocommerce-no-js';

	add_action( 'wp_footer', 'wc_no_js' );

	return array_unique( $classes );
}

CSS classes

WooCommerce