Добавить класс Css в конкретный div в PHP Wordpress

Question

Ниже php-код удаляет боковую панель. С страницы, когда она находится на 2-й глубине, но на том же, когда эта функция удаляет боковую панель на той же странице, я хочу изменить класс ниже div на «Полная ширина», поскольку моя страница имеет боковую панель, тот же css применим на странице, где боковая панель отсутствует, а страница имеет половину ширины.

function so_32165017_conditionally_remove_sidebar(){ 
     if(is_product_category()){ 
      $t_id = get_queried_object()->term_id; 
      if(so_32165017_get_product_cat_depth($t_id) < 2){ 
       remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10); 
       // could be theme specific ex: Storefront 
       remove_action('storefront_sidebar', 'storefront_get_sidebar', 10); 




      } 
     } 
    } 
add_action('woocommerce_before_main_content', 'so_32165017_conditionally_remove_sidebar'); 

HTML:

От:

<div id="primary" class="content-area"> 

To:

<div id="primary" class="fullwidth"> 

Answer 1

Вы можете использовать JS/JQuery для этого, который применяется после загрузки страницы.

$("#primary").removeClass("content-area"); 

$("#primary").addClass("fullwidth"); 

Answer 2

В вашем случае просто заменить код с этим ...

function so_32165017_conditionally_remove_sidebar(){ 
     if(is_product_category()){ 
      $t_id = get_queried_object()->term_id; 
      if(so_32165017_get_product_cat_depth($t_id) < 2){ 
       remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar', 10); 
       // could be theme specific ex: Storefront 
       remove_action('storefront_sidebar', 'storefront_get_sidebar', 10); 


       echo '<script type="text/javascript"> 
        $(document).ready(function() { 
         $("#primary").removeClass("content-area"); 
         $("#primary").addClass("fullwidth"); 
        }); 
       </script>'; 

      } 
     } 
    } 

Answer 3

вам нужно сделать это.

$('#testID2').addClass('fullwidth').removeClass('content-area');