Creating a product field with background colour - How can I achieve it?

[cardboardhouse]

Hello everyone,

I'm trying to create a field that sits below the product name that isn't a sku, but more an abbreviation of the product. I want to add something like the below;

The abbreviation will change product to product, as will the colour

Here is where I would want it to sit on my product page, as well as collection pages on the landing page;

Is it possible to do this with a metafield or does it need to be coded per product?

Thanks a lot!

[pawankumar · Accepted solution]

You can create a text block from product customizer and connect it to dynamic metafield by clicking dynamic source icon, 

For styling, you can add that to custom css
Thanks!

[cardboardhouse]

Thanks!

[Shadab_dev]

So this can be done with metafields adding different values to every product. But you will need to add a bit of code to add it there either using custom liquid block from the customizer or directly into the theme code on the product template.

Best

Shadab

[BiDeal-Discount]

I think you can use metafield