4vke

@dholovnia thx ??

@abwaita hello ??

In shop page – good!
https://prnt.sc/1qkdmor

but with blocks – problems…
I used this code:

/*Change product card background color*/

li.wc-block-grid__product {
    background-color: purple;
}

/*Change image background color*/

.wc-block-grid__product-image {
    background-color: red !important;
}

Results (all blocks purple):
https://prnt.sc/1qkdrir

shop page:
https://spojler.ru/shop/
page, where i used blocks:
https://spojler.ru/wc-blocks/

• This reply was modified 3 years, 7 months ago by 4vke.

Slider color can be selected here on the filter edit page https://imgur.com/a/F7HL9oj

Color can be changed using custom CSS.

Thank you for your reply! ??
But what if I want to use my own color, which is not in the settings?

@dholovnia and thanks for the indented code! ??

The issue has been resolved.

You just had to include the archives for the attribute.
Products – Attributes – Select the desired attribute – Check the box to Enable archives.

@abwaita this is what you need! Thx ??

If it’s not difficult, could you tell me how to do the same, but with blocks?
The page on which the blocks are located:
https://spojler.ru/wc-blocks

@abwaita no problem:
https://spojler.ru/shop

but now only one img with transperent bg:
https://prnt.sc/1qh3von

this is my site for tests.

Nobody can help? ??

@battouly hi and thx for answer! ??
This is almost what I need. But the ideal option would be as follows:
https://prnt.sc/1qgcxgl

Is it possible to make a separate color for the picture and a different color for the rest?

I will have transparent pictures of goods. And therefore, I want their background to be different from the general background of the product card.

Is it possible?

@3sonsdevelopment, i recorded the last video especially for you ??

this time everything happens in a private tab. The effect is the same, it doesn’t work. But as soon as I hide the admin bar, everything works.

@3sonsdevelopment to tell the truth, I’m already tired of it.
I’d rather look for some other plugin.

And if the developers are interested, they will take a look. I created a topic here on github and sent another link to facebook. With all this, no one answered anything. Enough.

@nerrad, this is very bad. Because one of the standard filters (widgets) does not work for me…

If so, currently that is not possible because the filter blocks do not affect the queries executed on the store catalog page.

my topic here i write about problem

Did you happen to also test in a private browser window?

No. Not private. Still shown in my last video.

Just in case you are curious, here’s what I ran into while testing this on my site.

https://d.pr/v/dvqXDp

Very interesting … perhaps I would say that this is some kind of glitch, but no. At least due to the fact that I did the same on two different hosting. This can’t be a coincidence or just a glitch …

And yet, I will repeat my question: which version of the WP and WC?

@3sonsdevelopment Is this how it should have been done?

https://github.com/woocommerce/woocommerce/issues/30438

@3sonsdevelopment Well… I’m here again. And I come back with new video, in which I once again show the bug. And this including using the STOREFRONT theme!

Enjoy!