Dynamic text, change color according the text

[brevalo]

Hello,

I have online marketplace and using Elementor Pro.
Also I'm using ACF Pro.
So, I have custom fields for product condition: new, like new and used.
I want to make it so that when I choose "New", text must be green. It I choose "Like new" text must change to yellow and I choose "Used" then text must appear to be black.

How to make it with Elementor? Do I need other instruments for this?

Thank you in advance.

 

[shaunm]

Hi Brevalo,

Here is the quick and dirty way to achieve what you want to do.

Open ACF Pro, select the custom field group that has the custom field you already created "Product Condition". Add a new field to this group that you call "pc-color" and select "Color Picker" as the field type.

You will need to set the color with this new custom field for all of your product listings. You will also need to update the product post template and change the color for the "Product Condition" to be dynamic value, ACF Field and then select "pc-color" as the color value.

BTW, instead of creating a custom field for product condition, you may consider simply creating a three categories: New, Like New and Used. Then you can create a relationship field that assigns the color based on the category. Hope this helps, good luck.

Shaun