Remove brand images from Layered Navigation widgets
-
Hello,
Can you give me an idea how to totally remove the brand background images in the layered nav wigets?
I have tried using css and jquery to remove any related classes etc. and of course images is gone but my CDN does still load them when testing on pagespeed etc.
Brgds
Rune
Hello again,
It seems like this little code did the trick and took my shop page from 55/98 to 75/98 on pagespeed.
jQuery('.wc-layered-nav-term .filter-swatch span').css('background-color', '#ffffff').css('background-image', '');
jQuery('.wd-pf-dropdown .filter-swatch span').css('background-color', '#ffffff').css('background-image', '');
So if you do not have any better idea i guess this is ok 😉
Brgds
Rune
Hi,
Try to add the following code snippet to the Custom CSS area in Theme Settings.
.wd-pf-dropdown .filter-swatch span,
.wc-layered-nav-term .filter-swatch span {
background: transparent !important;
}
Kind Regards
.
