Woocommerce How to get Term id from multiple slugs in css - php

Question

Good Day,
I want to have a custom CSS for certain woo-commerce product category pages, to exclude the sidebar and make the content full width of the page. now I can get the CSS to work on these pages but I have over 450 categories. is there a way to make the term-id dynamic for excluded categories
the script I have so far is as follows
if ( !is_product_category( array( 'cat1','cat3','cat4','cat6') ) ) {
add_action( 'wp_head', function () { ?>
<style>
/*Hide SideBar*/
#primary {
width: 100%!important;
border-right: 0px!important;
}
.term-1 .ast-right-sidebar #secondary,.term-3 .ast-right-sidebar #secondary,.term-4 .ast-right-sidebar #secondary,.term-6 .ast-right-sidebar #secondary{
border-left: 0px!important
}
.term-1.sidebar-main,.term-3 .sidebar-main,.term-4 .sidebar-main,.term-6 .sidebar-main {
display:none!important
}
.term-1 #secondary,.term-3 #secondary,.term-4 #secondary,.term-6 #secondary {
display: none!important;
border-right: 0px solid #eee!important;
}
.term-1 .widget-area .secondary,.term-3 .widget-area .secondary,.term-4 .widget-area .secondary,.term-6 .widget-area .secondary
{
display: none!important;
}
.term-1 .ast-right-sidebar #primary,.term-3 .ast-right-sidebar #primary,.term-4 .ast-right-sidebar #primary,.term-6 .ast-right-sidebar #primary {
border-right: 0px solid #eee!important;
}
</style>
<?php } );
}
I would like to dynamically add the term-id to the CSS so that the CSS is more compact and does not get too long. any suggestions, please

Answer 1

#CBroe thanks for pointing me in the right direction.
The first thing I did is make a code snippet that you can copy and paste into the functions.php page of your child's theme or use plugins like code snippet. so when your theme updates you do not lose any of your code.
the first part that I did was as follows, I added this CSS to the body of the page.
add_filter('body_class', 'add_custom_body_class');
function add_custom_body_class($classes){
if(is_product_category(array( 'cat1','cat3','cat4','cat6'))){
$classes[] = 'your_new_class_here';
}
return $classes;
}
then I create a new snippet where I will add the class into the header now keep in mind that you do not want to have this code on every page so we will also add the is_product_category to the snippet to show code only when we are on that page
if ( !is_product_category( array( 'cat1','cat3','cat4','cat6') ) ) {
add_action( 'wp_head', function () { ?>
<style>
/*Hide SideBar*/
body.your_new_class_here .ast-right-sidebar #secondary { border-left: 0px!important; }
body.your_new_class_here .sidebar-main { display:none!important; }
#primary {
width: 100%!important;
border-right: 0px!important;
}
#secondary {
display: none!important;
border-right: 0px solid #eee!important;
}
</style>
<?php } );
}
What this does is add the CSS classes to the pages that you specified, hope this helped someone else