Add different icons just before the variant names in dropdown

Topic summary

A user seeks to add custom icons before variant names in dropdown menus on their Shopify store using Dawn 9.0 theme. The desired implementation would display small icons alongside each variant option in the product selection dropdown.

Proposed Solutions:

  • Custom coding approach: Replace the default <select> tag with custom <div> elements and implement JavaScript to handle variant selection. Icons would be stored using metafields or metaobjects for each variant.

  • App-based solution: Use the Easify Product Options app, which provides a no-code method to add images before variant names. The app includes built-in settings for configuring icon placement and works with various selection types.

Current Status:

The discussion remains open with the original poster agreeing to share theme files with a developer who offered custom coding assistance via direct message.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

I want to add different icons just before the variant name, but not sure how to do that? We are using Dawn 9.0 version theme, which is using Select and option dropdown, but unable to achieve the functionality, How can I achieve it?

Here is the screen shot how we want it to display on the page

Is there a way to achieve it?

Hi @sahilsharma9515 , this requires custom coding and you need to replace select tag with div and have to add custom javascript to handle selection and use metaobject or metafield to store variant icons.

If you can give me access to your store, I can help you to implement this feature in your theme.

Thanks,

Abdul Moeed

Hi @sahilsharma9515

You can try Easify Product Options—it lets you add images before variant names without coding. It works smoothly with dropdowns and other selection types, offering advanced customization to enhance your product options. Here’s an example for you:

  • This is the result:

  • This is the app setting:

This app is straightforward, and I believe it will work well for you. Reach out to Easify if you need any assistance! :hugs:

Hi @abdulmoeed37 I can provide you the theme files, so that you can help me for the same, where can I send you the theme files?

Best Regards

Sahil

Yes sure, please send me the theme files in DM.

1 Like