How to remove the brand image from the product filter
-
Could you please tell me how to remove the brand image from the product filter so that only the brand name is displayed, while keeping the brand image visible on the brand’s page?
Hello,
In the filter widget settings, please make sure that the Show Label option is enabled. This will ensure that the brand names remain visible.
https://postimg.cc/LhWbVcyT
Then, to hide only the brand images in the filter while keeping them visible on product pages, add the following CSS in Theme Settings > Custom CSS:
/* Hide brand images in filters */
.wd-swatches-brands .wd-swatch.wd-bg {
display: none;
}
/* Show brand labels */
.wd-swatches-brands .wd-filter-lable {
display: inline-block;
margin-inline-start: 0;
}
Best Regards
Thank you very much, everything works successfully!