Contact person: Shopify Variant Color Dots Upgrade

Phone:Show

Email:Show

Location: Penarth, United Kingdom

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I’m running a Shopify store and the current variant picker still shows plain text for each colour option. I want that swapped out for clean, circular colour dots so customers can grasp the palette at a glance. No hover or selection effects are required beyond Shopify’s native “selected” state; the dots just need to sit neatly where the text buttons sit now and pass the chosen colour value through to the cart exactly as before.

My theme is already live, so the work will involve editing the Liquid, CSS and (if needed) a touch of JavaScript to inject the swatches without disrupting any other variant logic. The dots must inherit the existing responsive styles so they stack or scroll on mobile the same way the text buttons do today, and they should respect accessibility best-practice with high-contrast borders for very light shades.

Please deliver updated theme files or clear copy-paste snippets and brief instructions so I can replicate the change on a staging copy before pushing to production." (client-provided description)