Task № 0298 · Completed 2021 · Fashion brand

Variant Image on Collection Card

A brand with many color variants wanted color-specific collections where each variant showed its own image on the card.

Want one like this?

Tell us about your store and we'll send a flat-rate quote within 24 hours. No commitment until you approve.

Request a quote
2 to 4 business days
Turnaround, from quote to live
Medium
Task complexity
Prestige
Maestrooo theme
2021
Year completed
01

The request

“I have products with eleven color variants each. I want to create sub-collections by color so when a customer browses by color, the card shows that color's image.”
Typical request
Paraphrased from merchant tickets in this category

Collection cards that always showed the default color.

02

The approach

We set up color-filtered collection views where each product card shows the image for the browsed color, and clicking opens the product with that color selected.

03

What we shipped

  • Color-filtered collection views
  • Card shows the browsed color's image
  • Product opens with that color selected

Related tasks we've completed

View all 119 in this collection
Variant Images & Variant Pictures
Out of the Sandbox · Turbo

Group Variant Images by Color

An eyewear brand with several colors per product wanted the gallery to show only the selected color's images.
Variant Images & Variant Pictures
Shopify · Brooklyn

Multiple Images Per Variant

A brand launching a new site wanted color options presented as separate products, linked to each other from the produ...
Variant Images & Variant Pictures
Out of the Sandbox · Retina

Show Variant-Specific Image When Variant Selected

A retailer wanted the product page to open showing the main product image, not the first variant's image, until the c...

How a task moves from submission to live

Getting your task done with TaskHusky is super-easy and fast

1

Tell us about your task

URL, theme, screenshots if you have them. Two minutes.

2

Approve your quote

We respond in 24 hours with scope, price, and timeline. Commit only if it makes sense.

3

We get to work

We start the moment you confirm. Pay-as-you-go, no minimums.

4

Get it done

Built on a duplicate theme, QA'd, pushed live with a walkthrough.

Submit your taskBrowse the collection

Have a Variant Images & Variant Pictures task in mind?

We've completed 119 Variant Images & Variant Pictures tasks since 2016. Submit yours and we'll quote it within 24 hours.

Submit your task