woocommerce - css - целевые параметры c категории продуктов - PullRequest
Новая
       7

woocommerce - css - целевые параметры c категории продуктов

3 голосов
/ 20 февраля 2020

Я добавил drophaddow к изображениям товаров на страницах каталожных страниц. Но я хочу опустить продукты категории «утилиты», поэтому изображения в этой категории не имеют капли тени. (РЕДАКТИРОВАТЬ: чтобы у них не было drophaddow, даже если они показаны в другой категории, к которой они также относятся) Это то, что я должен добавить ко всем продуктам: 

.woocommerce ul.products li.product a img {
    box-shadow: 0 0 14px #aaa !important;
}

Я пытаюсь нацелиться на Speci c Категория: 

.product-cat-utility ul.products li.product a img {
    box-shadow: 0 0 0 #aaa !important;
}

Это не работает, и я надеюсь на более элегантное решение. Спасибо.

Ответы [ 2 ]

3 голосов
/ 20 февраля 2020

<body class="..."> на каждой странице категории содержит уникальные классы, как идентификатор, так и имя термина

Попробуйте что-то вроде этого 

.woocommerce ul.products li.product a img {
    box-shadow: 0 0 14px #aaa !important;
}

.term-utility ul.products li.product a img, .myclass-utility ul.products li.product a img {
    box-shadow: 0 0 0 #aaa !important;
}

добавить пользовательский класс тела для термина (родительский) ) Утилита и Чайлдс 

function my_body_classes( $classes ) {
    global $post;

    if ( is_product_category() ) {
        $term_slug = 'utility';
        $taxonomy  = 'product_cat';
        $term_id   = get_term_by( 'slug', $term_slug, $taxonomy )->term_id; // Get the term ID
        $child_ids = get_term_children( $term_id, $taxonomy ); // Get the children terms IDs
        $terms_ids = array_merge( $child_ids, [$term_id] ); // an array of all term IDs (main term Id and it's children)

        if ( has_term( $terms_ids, $taxonomy, $post->ID ) ) {
            $classes[] = 'myclass-utility';
        }
    }

    return $classes;  
}
add_filter( 'body_class','my_body_classes' );
0 голосов
/ 21 февраля 2020

Для тех, кто ищет, это швы, чтобы сделать трюк: 

.woocommerce ul.products li.product a img {
    box-shadow: 0 0 14px #aaa ;
}

.product_cat-utility img {
  box-shadow: 0 0 0px #aaa !important;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...