Field type – Color

Updated on –

September 27, 2020

A Color picker field allows you to choose any color you want for a section on your site. Color is returned in the hexadecimal format, so you can use it in your code whenever you want.

Fields

Basics

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

Example Usage

{% assign bgc = product.metafields.airf.bgc %}

{% if bgc and bgc != '&nbsp' %}

<section style=”background: {{ bgc }}”>
<p>This is section with selected background color</p>
</section>

{% endif %}