Um WooCom­merce besser in das eigene Theme einpflegen zu können, macht es Sinn erst einmal das Standard Design von WooCom­merce zu deakti­vieren. Dazu kann ein Code Schnipsel verwendet werden, der auf der WooCom­merce Website angeboten wird.

// Remove each style one by one
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
	unset( $enqueue_styles['woocommerce-general'] );	// Remove the gloss
	unset( $enqueue_styles['woocommerce-layout'] );		// Remove the layout
	unset( $enqueue_styles['woocommerce-smallscreen'] );	// Remove the smallscreen optimisation
	return $enqueue_styles;
}

// Or just remove them all in one line
add_filter( 'woocommerce_enqueue_styles', '__return_false' );

Dieser Code gehört in die functions.php