All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
im using the impact theme 6.4.1, i have product swatches under each product, every product is the same but different colors, i did this as i want each color to have different images, but i want to make it so that each product swatch is not the first image of the product, rather it is the color set by the meta feild data. Ive tried using chatgpt to code, to try fix it, nothing works
as you can see in the image, the swatch image is set as the products first image, however id like to make it so that the image for the swatch is set as the color hex code in the meta feild data i have uploaded for the product.
Thanks
Share your store url.
Hey, I see that your swatches are showing the first product image instead of the color dot from the metafield hex code. The fix is simple. Just install a color swatch app from the Shopify App Store. I personally use Rapi, it lets you display proper color dots and also create bundles. Happy to help you set it up if you’re interested. Let me know
Sounds like you're trying to control how your color swatches display, especially using hex codes.
If you're open to an easier and more flexible approach, I’d suggest trying Easify Product Options. It lets you create color swatches using hex codes without dealing with theme code, and you’ll have full control over how each swatch looks. Here's how it works:
In the color swatch, you can select the color by Hex code
This app is very beginner-friendly, I hope you will try it. If you need any further assistance setting this up, please let me know or reach out to Easify! 🤗