Automatic Badge from Product Tag in Symmetry Theme

We recently switched from the Icon Theme to Symmetry.

One feature that we used constantly in icon is that we could add anything in the product tag field with “icon_” and it would create an automatic custom badge showing on the product photo in the collection view.

For example icon_Short Inseam would create a bad showing Short Inseam across our item. We are an apparel based company and these badges were super helpful.

I cannot seem to find proper coding to add to Symmetry that would mimic this feature. Does anyone have tips?

Thank you! For anyone needing this same, thing, the coding was perfect. I placed mine in line 10 of snippets/product-label.liquid and the CSS I entered in my default collection Custom CSS and changed the html colors and padding and it’s exactly what I needed. Appreciate it!

Can you point me more to the default collection Custom CSS?

It’s the drop down at the top of the screen: home page, default collection, checkout, cart etc…

Ah okay. I thought still in the Edit Code area. Got it. Thanks!