[DylanRyan_0-1720218085085.png] I want mine to look like this as well I’m using shrine theme. I would appreciate any help, thank you.

Please go to Online Store > Themes > Edit code, open section-main-product.css, add this code at the bottom and save the file .product .color-swatch { display: flex !important; flex-direction: column; align-items: center; } .product .color-swatch__label { position: unset !important; …

https://leorel.com/products/leorel-magnetic-eyelashes?_pos=2&_psq=s&_ss=e&_v=1.0&variant=49256595161423

Thank you it works perfect on dekstop but doesn’t show up on mobile how can we fix that

Code update .product .color-swatch { display: flex !important; flex-direction: column; align-items: center; } .product .color-swatch__label { position: unset !important; transform: unset !important; opacity: 1 !important; visibility: visible !important; background: transparent !important; …

You are very welcome Regards, Dan

Hi @DylanRyan With the Easify Product Options app, you can easily set this up by creating image-based option templates for your products. Simply upload an image of each color along with its corresponding name, and the options will be displayed visually as image swatches instead of just plain text o…

How Can I Add Colow Swatches Name Under The Swatches?

Store Design

Dan-From-Ryviu July 6, 2024, 3:09am 2

Hi @DylanRyan

Can you share your store URL?

Topic		Replies	Views
I Have Color Names But How To Add Color Swatches With Names? Store Design customizations , third-party-themes , troubleshooting	4	186	September 17, 2024
Display Color Name when selecting color swatches Store Design design , metafields , product-page	10	222	March 13, 2025
Color swatches not showing up on product page Store Design customizations	3	1040	December 31, 2024
Shopify image swatch doesn't show unless the option name for the variant is called "Color" or "Colour" Technical Q&A troubleshooting	1	73	August 16, 2025
Why can't I change the color swatch images on my product page? Store Design design , customizations , collection-page , shopify-themes , product-page	2	43	November 2, 2023

How Can I Add Colow Swatches Name Under The Swatches?

Related topics