Hi,
I would like to display color swatches directly on my product, allowing customers to view and select their preferred color options without needing to click into the product page
MY THEME IS VEENA
Topic summary
Goal: Show color swatches on product cards in the collection/grid so shoppers can view and select colors without opening the product page. Theme in use: VEENA. An image was attached illustrating desired swatches.
Latest guidance: Confirm that product color options (variants) currently appear as a dropdown and switch them to visual swatches. Many themes—especially Shopify’s—now include built‑in swatch settings; check the VEENA theme settings to enable this.
If VEENA lacks native swatch support, custom coding will be required to implement swatches on the product grid. An example implementation was provided via an external site link to demonstrate the desired behavior, with an offer for direct collaboration.
Status: No confirmed resolution or implementation yet. Next steps: Review VEENA’s theme settings for swatch options; if unavailable, proceed with custom code or seek developer assistance to add grid-level color swatches.
So you have the variants in your product but now they appear as drop-down, and you want to display them as color swatches?
Almost all themes most particularly themes by Shopify have rolled out this swatches feature, I know you are using a paid one but please look out on theme settings if you have an option to enable swatches, if not then this will need some coding up.
Here’s an example site I worked for, this is a Shopify free theme but I coded this before swatches were rolled out.
Example site: www.kpsclothing.in
If this looks like what you need, please reach out via personal links below for a convenient conversation and collaboration.
Best
Shadab