Как применить CSS ко всем страницам, кроме определенных страниц продукта в Wordpress / Woocommerce?

Question

Я хотел бы знать, как применить этот код CSS ко всем страницам на моем сайте, за исключением продуктов woocommerce с категорией «Category1».

.custom-single-product .cart, span.woocommerce-Price-amount.amount, a.cart-customlocation.et-cart-info {
    display: none !important;
}

Я попытался добавить класс категории к тегу с помощью php, используя приведенный ниже код, но мне не удалось заставить его работать для того, что я хочу.

// add taxonomy term to body_class
function woo_custom_taxonomy_in_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;
}
add_filter( 'body_class', 'woo_custom_taxonomy_in_body_class' );

По сути,конечная цель состоит в том, чтобы определенные продукты можно было добавить в корзину и показать цены и оформить заказ, но скрыть эти параметры и информацию в подавляющем большинстве продуктов и на веб-сайте.Спасибо

Answer 1

Добавьте body:not(.product_cat_Category1) к каждому правилу CSS.Так должно выглядеть так:

body:not(.product_cat_Category1) .custom-single-product .cart, body:not(.product_cat_Category1) span.woocommerce-Price-amount.amount, body:not(.product_cat_Category1) a.cart-customlocation.et-cart-info {
    display: none !important;
}