How to show icon in attributes?

Hi, on the product page I want to show icons with the name.

I have an attribute created with (Image preview for this value) and can you please help me how to show it as a small icon on the product page?

See the screenshot

Thanks in advance

Attachments:

You must be logged in to view attached files.

Hello,

There is no option to show the icon as you wish. Such an issue cannot be solved by custom CSS.

Best Regards

Thanks Elise for reply.

Can you please at least tell me from which file I can find the code to put it in the single product page?

I found widget here: /wp-content/themes/woodmart/inc/widgets/class-widget-layered-nav.php

I would really appreciate if you can give me the code to get the photo as an icon

It is located in the file wp-content/plugins/woocommerce/templates/single-product/product-attributes.php

Thanks for the information and last question

From which file can I get code to grab icon image and put it in this file?

wp-content/plugins/woocommerce/templates/single-product/product-attributes.php

You can check in the file /inc/integrations/woocommerce/modules/swatches.php

[Author]

Posts