我花了几个小时研究如何做到这一点，但我发现的每件事都以一种我无法理解的方式解释了这一点。我不擅长编码，但我知道如何检查元素并从中进行工作，但在这种情况下这对我没有帮助。
我想对指定类别的产品使用不同的页面布局/模板。我正在使用WooCommerce 我能够使用inspect元素以我想要的方式重新创建产品页面。然后我将文本复制到自定义css中，效果很好。然而，这最终是一个全球性的变化。
我的大多数产品页面都会受益于使用默认模板，而不是使用自定义模板。我想知道如何在括号内添加代码，以便我添加的自定义css（自定义模板）只应用于指定类别的产品。
我希望这一切都有意义。这里有一些图片给你一个直观的例子。
产品类别2{此处自定义css更改}
感谢您抽出时间阅读本文，我感谢您的帮助。
这是我的解决方案。。。将以下内容添加到functions.php 在我的孩子主题中：
add_filter( \'body_class\',\'my_body_classes2\' );
function my_body_classes2( $classes ) {
if ( is_product() ) {
global $post;
$terms = get_the_terms( $post->ID, \'product_cat\' );
foreach ($terms as $term) {
$product_cat_id = $term->term_id;
$classes[] = \'product-in-cat-\' . $product_cat_id;
}
}
return $classes;
}
<body> 标签然后，如果要更改类别2或类别4中任何单个产品页面的样式，可以使用以下CSS：
.product-in-cat-2 , .product-in-cat-4 {
color: #ffffff;
}
将此添加到您的功能中。phphttps://gist.github.com/thegdshop/3197540
这应该在单个prlduct页面上添加适当的类别类。
1） 安装插件“add costum CSS”
2） 默认情况下，这不会显示添加css的框。你需要进入插件（管理栏的下半部分），会有一个关于“为以下页面启用costum CSS”的问题，然后选中“产品”，现在你将有一个框，可以在通过woocommerce进入单个产品时在其中添加CSS。
我不知道你是否可以通过这种方法来做这种事情，我需要这种方法来删除产品页面上的渲染阻塞CSS。
Add a body class related to the product category in WooCommerce将此添加到您的函数中。php
add_filter( \'body_class\', \'wc_cat_names\' );
function wc_cat_names( $classes ) {
if(is_product()){
global $post;
$terms = get_the_terms( $post->ID, \'product_cat\' );
foreach ($terms as $term) {
$classes[] = $term->slug;
}
}
return $classes;
}
我在函数中添加了此代码。php文件
dashboard ...>>> appearance >>> editor >>>> functions.php
add_filter( \'body_class\',\'my_body_classes2\' );
function my_body_classes2( $classes ) {
if ( is_product() ) {
global $post;
$terms = get_the_terms( $post->ID, \'product_cat\' );
foreach ($terms as $term) {
$product_cat_id = $term->term_id;
$classes[] = \'product-in-cat-\' . $product_cat_id;
}
}
return $classes;
}
我在单一产品页面上放置的相同id
.product-in-cat-(ID) {
color: #ffffff;
}