Hi,
I’m trying to develop a rental store for a person, I’m not a professional, but I having a hard time to find a solution to a common problem:
How to show a specific variant image on smart collections?
I’m using the Dawn theme, version 15.1.0.
I have many products with color variants, but the names are not common and I want to separate by base color.
I have created smart collections with Variant’s Title that contains specific colors, like this:
But as usual, the images displayed on the collection is the main image of the product, not the variant image.
And another problem, some products have two shades of the same base color, so the product must be displayed twice with different shades.
Is it possible to fix this?
1 Like
I would really appreciate it if you could help me.
I was testing metafields and custom data, I don’t know if this could help:
I’ve created a Base Color in Custom Data > Metafields definitions > Variants:
Created the metaobjects entries:
And assigned to the variant in the product page:
Now my smart collection is based on the custom metafield:
Is it possible to show only variants and its images based on the custom metafield “custom.base_color” when it matches the collection’s name?
Third-party apps make it easy to separate variants. I own the Stamp – Collection Variants app , and we help merchants display variants separately on the collection page and home page. You can customize the settings per collection to show or hide specific variants, filter variants, or separate them by specific options. For example, you can create a “Gold” collection and display only gold-related variants.
Shopify shows only the main product image in smart collections by default. To show variant images, you’ll need custom Liquid code. Duplicating products is the only way to show different shades twice. For more control and personalization, tools like Ketch can help with dynamic content and user-specific experiences.
