How can I create a variant picker with images for phone cases?

Topic summary

Main issue: A merchant selling phone cases wants an image-based variant picker so customers can choose the case type via pictures, instead of creating five separate products per design. They use the Gecko theme and have not received support from the theme provider.

What was suggested: A responder said this is achievable with custom development using JS (JavaScript) and Liquid (Shopify’s templating language). They recommended hiring a Shopify developer to implement it.

Notes:

  • No built-in Gecko theme setting or step-by-step solution was provided.
  • An example screenshot was shared and is central to visualizing the desired UI.

Status: Unresolved/ongoing. No concrete implementation steps, code snippets, or app recommendations were offered. The only actionable item is to engage a developer for custom coding.

Summarized with AI on January 17. AI used: gpt-5.

Hello @All , I sell different phone cases in my store, my problem is if I have one design then I need five different products for it since I offer five different phone cases.
I want to have a view where the customer can choose his phone case based on a picture. Like a Variant picker with Images.

I use the Gecko theme but the Support is just does not answer on my question.

Can someone help my step by step

This Pic below is a example what i need

Hi @dimx25

This could be done using the custom code have to use JS and some liquid code.

You have to contact with a shopify developer for this task