Hello, good afternoon, I would like to change the color selector for images as seen in the first photo, I tried to use the other option offered by Shopify as seen in the second photo but it did not work, I would really appreciate your help, this is the URL of my store: https://dylvf23hp8f1z9k5-78857208093.shopifypreview.com
Topic summary
A user wants to replace their text-based color selector with an image-based variant selector on their Shopify store, similar to what’s shown in reference images they provided. They attempted using Shopify’s built-in option but it didn’t work.
Proposed Solution:
- Modify the product template to link variant images to color options
- Apply CSS styling to match the store’s design
- Test across desktop and mobile before deploying
A respondent offered to implement the customization if given store access. The discussion remains open with no confirmed resolution yet, as the solution requires custom coding rather than a simple setting change.
@Dropstar This requires some coding changes to implement the desired functionality. Please follow below steps to implement it:
-
Customize the Product Template:
- Locate the product template file and replace the current color selector with an image-based selector by linking product variant images to the color options.
-
Style the Selector:
- Use CSS to ensure the image-based selector is visually appealing and aligns with your store’s design.
-
Test and Deploy:
- Verify the functionality on desktop and mobile views.
- Deploy changes to the live store.
We are always here to help! If you’d like us to implement this for you, please provide access to your store. Feel free to reach out for further assistance!
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.