Решено Как поменять цвет фона подложки у товара

[a.kalugin]

Друзья, приветствую!
Может кто подскажет, как в определенной категории, цвет фона обложки товара поменять с белого на другой цвет? У меня в магазине будет 4 категории разного кабеля, для каждого кабеля есть свой цвет. Изображение я установил, а фон белый. Вот можно именно в отдельной категории поменять фон? Первое изображение это как у меня сейчас, второе - как требуется. Можно конечно на изображение вручную фон сделать в редакторе, но я думаю что будет криво отображаться

 

[tuxfighter]

как в определенной категории, цвет фона обложки товара поменять с белого на другой цвет

с помощью css

Можно конечно на изображение вручную фон сделать в редакторе, но я думаю что будет криво отображаться

с чего вдруг??

 

[ADv]

Друзья, приветствую!
Может кто подскажет, как в определенной категории, цвет фона обложки товара поменять с белого на другой цвет? У меня в магазине будет 4 категории разного кабеля, для каждого кабеля есть свой цвет. Изображение я установил, а фон белый. Вот можно именно в отдельной категории поменять фон? Первое изображение это как у меня сейчас, второе - как требуется. Можно конечно на изображение вручную фон сделать в редакторе, но я думаю что будет криво отображаться
Посмотреть вложение 4339Посмотреть вложение 4340

0. Риторический вопрос не требует ответа, потому как, согласно правилам форума, вопрос - без ссылки на проблему.

1. Зайдите в товарную категорию, найдите в элементе body класс, принадлежащий текущей рубрике и пропишите правила в CSS типа .product-category-name .element {background: #666666;}
2. Если же класса для рубрики нет, добавьте его с помощью кода в functions.php
3. Напишите функцию, которая будет устанавливать цвет фона нужного элемента в зависимости от рубрики.

 

[a.kalugin]

0. Риторический вопрос не требует ответа, потому как, согласно правилам форума, вопрос - без ссылки на проблему.

так проблема чисто визуальная, просмотра кода я так понимаю не требуется, и я скриншоты сделал - могу конечно дать ссылку на сайт, там увидите абсолютно тоже самое
по поводу кода - в админке, при редактировании категории есть поле Custom CSS, вставил туда вышенаписанный код - ничего не поменялось

 

[ADv]

так проблема чисто визуальная, просмотра кода я так понимаю не требуется, и я скриншоты сделал - могу конечно дать ссылку на сайт, там увидите абсолютно тоже самое
по поводу кода - в админке, при редактировании категории есть поле Custom CSS, вставил туда вышенаписанный код - ничего не поменялось

Вышеуказанный код - абстрактный, направление для движения, но не решение. Без ссылки - никак, увы.

 

[a.kalugin]

Ссылка на сайт (на одну из категорий, где требуется изменить фон)

 

[ADv]

Ссылка на сайт (на одну из категорий, где требуется изменить фон)

.term-130 .product-image img {
background: green;
}

Пробуйте.

 

[a.kalugin]

@ADv, Все получилось! Спасибо, что помогаете! Скромная благодарность от меня
Жаль только, что внутри самого товара фон не поменялся, так же внизу колонка "сопутствующие товары" не поменяла цвет, тема видимо не привязывает фон к категории, а стандартный везде ставит
p.s. в самом товаре так же есть поле custom css, вставил туда этот код но там он не работает

 

[ADv]

@ADv, Все получилось! Спасибо, что помогаете! Скромная благодарность от меня
Жаль только, что внутри самого товара фон не поменялся, так же внизу колонка "сопутствующие товары" не поменяла цвет, тема видимо не привязывает фон к категории, а стандартный везде ставит

/* Текущая реализация в теме не позволит применить зеленый фон ко всем товарам в товарной категории, но можно сделать поштутчно для каждого */

/* Основные фото товара для товара https://группа-телеком.рф/product/ок8ц/ */
.postid-2014 .owl-carousel .img-thumbnail img {
    background: green;
}
/* Сопутствующие товары для товара https://группа-телеком.рф/product/ок8ц/ */
.postid-2014 .product-image img {
background: green;
}

 

[ADv]

Код позволит задать CSS классы текущей рубрики для всех товаров в ней

add_filter( 'body_class','my_body_classes2' );
function my_body_classes2( $classes ) {

if ( is_product() ) {

    global $post;
    $terms = get_the_terms( $post->ID, 'product_cat' );

    foreach ($terms as $term) {
        $product_cat_id = $term->term_id;
        $classes[] = 'product-in-cat-' . $product_cat_id;   
    }
}
return $classes;
}

Получится

.product-in-cat-2 .product-image img,
.product-in-cat-2 .owl-carousel .img-thumbnail img{
    color: #ffffff;
}

Где .product-in-cat-2 - цифру нужно будет подсмотреть при исследовании элемента для выбранного товара.
Тогда можно будет массово применять один цвет для всех товаров в этой товарной категории.

 

[a.kalugin]

.term-130 .product-image img {
background: green;
}

Пробуйте.

можете подсказать, это код сработал только для одной категории (на которую я дал ссылку) на остальные категории кабеля почему то не сработал.
По остальному, что написали, уже завтра буду смотреть, спасибо!

 

[ADv]

можете подсказать, это код сработал только для одной категории (на которую я дал ссылку) на остальные категории кабеля почему то не сработал.
По остальному, что написали, уже завтра буду смотреть, спасибо!

Так и есть

Откройте инспектор элементов в браузере, найдите строку на скрине и в указанном месте возьмите нужный терм. Для разных категорий он будет отличаться.
Продублируйте первый код, что я давал, изменив в нем цифру для нужной категории, и цвет, если необходимо.
Остальное - позволит упростить изменение фона картинок у товаров по такому же принципу.

 

[a.kalugin]

Сделал, все получилось, огромное спасибо!

/* Текущая реализация в теме не позволит применить зеленый фон ко всем товарам в товарной категории, но можно сделать поштутчно для каждого */

А больше и не надо - товаров в данной категории больше не будет (если только я не решу убрать вариативный выбор и все варианты поштучно потом добавить как отдельные товары)
я бы может еще хотел, чтобы на главной странице сайта, где слайдеры "рекомендуемые товары" "последние товары" и внизу самом, где "популярное" "новое" "хиты" "скидка" так же чтобы фон подгружался необходимый, но не знаю как это сделать

 

[a.kalugin]

Да, наверное все таки самый удачный вариант был бы ручками везде фон поставить в самом изображении, и залить в таком виде. Тогда сразу бы везде, во всех нужных местах отображалось с требуемым фоном. Наверное так и сделаю в дальнейшем, ибо менять/добавлять везде код, во первых муторно, во вторых тема не подгружает значения из категории товара ни ни главной, ни в корзине, ни в самом товаре