WooCommerce ürün tipine göre body class eklemek

WooCommerce ile çalışan bir e-ticaret siteniz var ve bu sitenizde farklı ürün tiplerine sahipseniz bu fonksiyon işinize yarar.

Öncelikle sitenizdeki ürün tiplerini bilmeniz gerekir, normalde aşağıdaki kod varsayılan olan ürün tiplerine göre çalışır, aşağıdaki fonksiyonu temanızın function.php dosyasına eklerseniz sorunsuz çalışır:

/* urun tipini body class ekle */
add_filter('body_class','w_woocommerce_body_classes');
function w_woocommerce_body_classes( $classes ){
	global $woocommerce, $post, $product;
	$product = get_product( $post->ID );
$product_type = $product->product_type;
if ( $product->product_type == 'grouped' ) $classes[] = 'grouped-product';
if ( $product->product_type == 'simple' ) $classes[] = 'simple-product';
if ( $product->product_type == 'variable' ) $classes[] = 'variable-product';
if ( $product->product_type == 'external' ) $classes[] = 'external-product';
	return $classes;
}

Eğer yukarıdaki ürün tiplerinden başka örneğin course adında bir ürün tipiniz var ise koda basitçe ekleyebilirsiniz: if ( $product->product_type == 'course' ) $classes[] = 'course-product';

Bu şekilde sitede kullanıcıların gördüğü ürün sayfasındaki ürün tipine göre sayfaya farklı CSS sitilleri atamanız mümkün olur, örnek:

.grouped-product .product_title.entry-title{
    color: red;
}
.simple-product .product_title.entry-title{
    color: blue;
}
.variable-product .product_title.entry-title{
    color: green;
}
.external-product .product_title.entry-title{
    color: yellow;
}

Bunlar hoşunuza gidebilir:

Kolay gelsin.