Here are some steps you can take to hide or show a category on a single product page in WooCommerce:
Step 1: Determine the Category ID
To hide or show a category on a single product page, you must first determine the category ID of the category you want to modify. You can find the category ID by going to Products > Categories in your WordPress dashboard and hovering over the category you want to modify. The Category ID will be displayed in the URL at the bottom of your browser window.
Step 2 – Create a function in your functions.php file
Once you have the category ID, you can create a function in your functions.php file to hide or show the category on a single product page. Here’s an example of a function that will hide a specific category on a single product page:
Code:
function hide_category_on_single_product($classes) { global $post; $category_id = 123; // replace with your category ID if ( has_term ($category_id, ‘product_cat’, $post->ID ) && is_singular( ‘product’ ) ) { $classes[] = ‘hidden-category’; } returns $classes; } add_filter(‘body_class’, ‘hide_category_on_single_product’);
In this example, the Category ID is set to 123, but you must replace it with the actual Category ID that you want to modify. The function uses the has_term() function to check if the current product has the specified category, and if so, adds the hidden category class to the body tag. You can use this class to hide the category using CSS.
Step 3: Add CSS to hide or show the category
Once you’ve added the function to your functions.php file, you can add CSS to hide or show the category on a single product page. Here’s an example of CSS that will hide the category if the hidden category class is present in the body tag:
Code:
.single-product .product_meta .posted_in .hidden-category { display: none; }
In this example, the CSS points to the hidden category class that the function added in Step 2. The display: none; The rule hides the category on a single product page.
Alternatively, if you want to show the category instead of hiding it, you can use the following CSS:
Code:
.single-product .product_meta .posted_in .hidden-category { display: block; }
This CSS points to the hidden category class and sets the display property to block, which will display the category on a single product page.
With these steps, you should be able to hide or show a category on a single product page in WooCommerce. If you want to modify the function to hide or show multiple categories, you can use the in_array() function to check if the current product has any of the specified categories.