Custom css class for attribute value

Hello,

Have you checked this article? It shows an example of how to do that, not with colors, you can edit it according to your needs.

Please note since this is a development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

We also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

As well as WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack.

Thanks.

Hello @ihereira,
Yes, I saw it before I posted here. The author suggests changing the wocommerce file, but that’s not the best solution. It would be good if you could help to add the code through the snippet.
Thanks

Hi @cousinr

You can get some more insights from the articles below.
https://stackoverflow.com/questions/58594970/woocommerce-add-class-to-variation-dropdown
https://stackoverflow.com/questions/54841801/add-a-custom-class-to-variation-options-displaying-out-of-stock-in-woocommerce

However, customization is beyond the scope of support we are able to provide in this forum. If you need further help, I’d recommend asking on the Facebook group and Community Slack as @ihereira suggested, or getting in touch with a web developer: https://woocommerce.com/customizations/

Hi @maykato ,
Unfortunately these articles are useless to me. I am not going to make color switches. I need to display symbols in the product specification tab in the attribute table <i class=”fa-solid fa-check”></i> in green or <i class=”fa-solid fa-xmark”></i> in red, for example. I can’t give these attribute names because the html tags are removed when saving.
Can you suggest a hook with examples that I can use to connect to attribute conditions to add a field to assign class to attribute values. Then I can add a different css for each value.
Thanks

Hi @cousinr,

We understand what you are saying, as mentioned previously, we’ll leave this forum topic open to see if anyone else might suggest an alternative solution.

In the meantime, you can reach out to the channels already provided to look for further assistance.

I hope this provides clarity. Thank you.

This thread has been inactive for a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.