WooCommerce 教程：將產品類別新增到 CSS Body Class

業務 Bloomer 粉絲問我本週有趣的問題：如何根據產品類別在單個產品頁面上應用 CSS？那麼答案很簡單：如果我們能夠將類別名稱新增到<body>，那麼可以在您的自定義 CSS 中定位。所以，我們來看看這是怎麼做到的！

幸運的是，GitHub 已經有一些文獻，儘管 5 歲，但仍然像一個魅力。所以，很多謝謝 Michael Krapf🙂

PHP Snippet：將 WooCommerce 產品類別新增為 Body CSS 類

 /** * @snippet Product Category > Body CSS Class | WooCommerce * @how-to Watch tutorial @ https://businessbloomer.com/?p=19055 * @sourcecode https://businessbloomer.com/?p=21507 * @author Rodolfo Melogli * @testedwith WooCommerce 2.6.12, WordPress 4.7.1 */  add_filter( 'body_class', 'bbloomer_wc_product_cats_css_body_class' );  function bbloomer_wc_product_cats_css_body_class( $classes ){   if( is_singular( 'product' ) )   {     $custom_terms = get_the_terms(0, 'product_cat');     if ($custom_terms) {       foreach ($custom_terms as $custom_term) {         $classes[] = 'product_cat_' . $custom_term->slug;       }     }   }   return $classes; }