filter attribute widget how to show image with title in list?

Hi

I have a attribute with image options
https://monosnap.com/file/2btVklD0EDR7gOyPsf5IkVm0KsX80I
https://monosnap.com/file/Ok0rJGT1WVJcsrp5Tmk163n2L2v5Ne

but image not shown in front of option title:
https://monosnap.com/file/rrLvBmer94j3jcSWBn0BFF7Zg9eSFm

added filter attribute widget how to show image with title in list like this?
https://monosnap.com/file/kBO2GC41j86yby0O0QwwdiWEefAgzg

Hi skysky,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

please see

[Hung Pham]

Hi skysky,

First of all, take our apologies for the long delay in answering.

Please use WoodMart WooCommerce layered nav widget https://prnt.sc/Qxt0OMHCAjbD https://prnt.sc/SSuZplbWljkK

Regards,

• This reply was modified 2 years, 7 months ago by Hung Pham.

But the icon image is not showing fully. It’s only showing part of the image

It should be like this
https://monosnap.com/file/kBO2GC41j86yby0O0QwwdiWEefAgzg

Hi skysky,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wc-layered-nav-term.wd-swatch-wrap .wd-swatch :is(img,picture) {
    height: auto;
}

Regards,

desktop view works, but mobile view not working

Hi skysky,

Please double check https://prnt.sc/zm5zP-WaRv_x

Regards,

[Author]

Posts