Use cases
For example you can use this field to select the color or background color of any html element in your template. For example, if you have a section with text that should have different colors for each product, you'll be able to change this using the Color field type.
Setup
![](https://uploads-ssl.webflow.com/5b6c11feb3323e6a02ff4849/5f5616c98e82aa0d08fab8c5_kMaLcxhRcRz15sstEn5cvTZgVQvxUB0Umyu3w0xTKw7_CCpD3YwpvSWnTTOqEWjtGBUVh6924WWQgaVi8jZKx6IpO2k2XWjez5bcN_DOk5P3CRb1ZineeORPBMCFUxEA9ih0hQtx.png)
Example Usage
{% assign bgc = product.metafields.airf.bgc %}
{% if bgc and bgc != ' ' %}
<section style=”background: {{ bgc }}”>
<p>This is section with selected background color</p>
</section>
{% endif %}