4 BFCM variant checks from our Better BFCM report chapter (2026)
Picture a hoodie in twelve colours with six photos each. A shopper lands on it from your Black Friday email, picks Sage, and scrolls through seventy-two images to find the six that are Sage. These BFCM variant checks exist to stop that from happening on your busiest weekend, and we wrote them down for a report. Rubik Variant Images, built by Craftshift, gives every variant its own photo set and filters the gallery when a shopper picks one.
Disclosure first: Craftshift builds Rubik Variant Images, and we wrote Chapter 1 of The Better BFCM Shopping Experience, a free report led by Easysize, with one chapter from each of seven Shopify apps. Our chapter is called “Helping shoppers choose the right variant, fast”. This post is that chapter, expanded with the how-to the report had no room for.
The other six chapters cover reviews (Loox), sizing (Fit Quiz by Easysize), gifting (Giftnote), cause marketing (GoodAPI), post-purchase edits and upsells (Cleverific) and returns (Returnista). Worth a read if any of those keep you up in November. We stuck to the one thing we know well: the moment a shopper chooses a colour.
What are the BFCM variant checks in the report?
Short answer: four checks, done before the 20 November freeze. Show options as swatches, not a dropdown. Make the gallery show only the selected variant’s photos. Put variant swatches on collection product cards. Test every variant to the cart. Rubik Variant Images handles the first three without theme code edits.
In this post
- Check 1: are the options visible without a dropdown?
- Check 2: does the gallery match the selected variant?
- Check 3: can shoppers see colours on the collection page?
- Check 4: have you tested every variant to the cart?
- The report offer
- FAQ
Check 1: are the options visible without a dropdown?
A dropdown hides every option until the shopper opens it. Swatches put the colours, patterns and finishes side by side, so the comparison happens before anyone clicks. That is the whole argument, and it is the one check in our chapter with a measured number behind it.
In a desktop A/B/C test that Blend Commerce ran for the Shopify brand Azuna, replacing a dropdown with visible swatches lifted conversion by 3% and revenue per visitor by 4% (Blend Commerce, Azuna swatch test). One test, one store, desktop only. We put that caveat in the report on purpose and we’ll repeat it here, because a single study is a direction, not a promise.
Is three per cent worth an afternoon? On a weekend where your traffic doubles, yes. Easily.
How to do it in Shopify: most recent themes, Dawn and Horizon included, already offer a “pills” or “swatch” style for the variant picker in the theme editor. Turn it on for the colour option and you’re done for plain colours. The trouble starts when a colour circle can’t show what the shopper is choosing, like a print, a weave or a two-tone finish. That’s where image swatches matter, and where a lot of themes run out of road (we wrote a longer walkthrough on replacing variant dropdowns with clickable swatches).
Rubik Variant Images swaps the dropdown for colour circles, image swatches or pills, and you can mix them per option: image swatches for Pattern, pills for Size. Options without image swatches, like Size, can be shown as dropdowns with one switch, which is the right call for a Size option with fourteen values. You can preview styles before touching the live theme with our swatch preview tool.
One thing from the report that people skip: if a variant costs more (a larger size, a premium leather), the price on screen should change with the selection. Shopify themes handle this on the product page natively. Check that yours actually does.
Check 2: does the gallery match the selected variant?
Photos are where shoppers start. In Baymard Institute’s product page testing, 56% of participants began by exploring the product images (Baymard, product images and descriptive text). So what happens after they pick a colour matters more than almost anything else on the page.
And Shopify, out of the box, links one image to each variant (Shopify Help Center, adding images to variants). One. Pick Sage and the gallery jumps to the Sage photo, then carries on showing the other sixty-six. Honestly, this default annoys us more than anything else in the variant setup, because it looks fine in the admin and only breaks in front of a customer.
The manual workaround is to order the gallery colour by colour and set each variant’s featured image to the first photo of its block. It keeps things tidy. It doesn’t filter anything. At twenty products it’s fine; at four hundred products with nine colours each you’re managing thousands of assignments by hand, and you redo some of them every time a colourway drops. That’s the point where Rubik Variant Images assigns a full photo set to each variant and hides the rest. It’s rated 5.0 across 498 reviews on the App Store, and the free plan covers one product so you can see it on a bestseller first.
The report also makes a point we care about a lot: shared images should stay. A size chart, a care guide or a lifestyle shot that applies to every colour shouldn’t vanish because someone picked Navy. In Rubik those stay unassigned, and unassigned images show for every variant. We built it that way after watching filtered galleries hide size charts on stores that had worked hard to add them.
Setting up a big catalogue before November? Two features do the heavy lifting. AI auto-assign sorts photos on one product at a time: a vision model looks at each image, alongside the product name, variant name, filename and alt text, and drops it into the right variant for you to review. Bulk assign works across hundreds of products in the background, and you choose the method per run: by image order, using your Shopify gallery order with each variant’s featured image as the boundary, or with AI, where the model looks at every image. Run the variant image checker afterwards to spot products that slipped through, and see how many images per variant actually make sense.
Check 3: can shoppers see colours on the collection page?
Baymard found that 57% of mobile ecommerce sites in its 2023 benchmark did not show all colour variations in the product list (Baymard, mobile interactive colour swatches). Think about what that means for a BFCM ad that lands on a collection page. The shopper sees a black jacket, wanted green, and never learns green exists.
The fix the chapter recommends is swatches on the product card, with the card image and price changing to match the swatch the shopper taps. Some themes ship this natively now. Many don’t, or only show a “+4 colours” label that doesn’t swap anything.
We shipped product card swatches in Rubik Variant Images in May 2026, off by default so nobody’s collection page changed overnight. Turn on “Enable on product cards” in the swatch settings, style them under Swatch style, Product Card tab, and a click swaps the card image, price and add-to-cart link while a hover previews. They’re mapped natively on more than 170 themes. Our guide on enabling product card swatches walks through it, and whether card swatches increase conversions covers the honest version of the evidence.
A scope note, because it matters. These card swatches cover one product’s own variants. If your colours are separate Shopify products (common in print on demand, or stores that hit the variant ceiling), linking them into one swatch row is a different job, and it’s what Rubik Combined Listings does for separate colour products, sold-out ones included.
“We’ve tried several solutions for managing variant images, but Rubik Variant Images stands out. It’s like giving our product pages a much-needed declutter. Customers now see only the images that match their selection, which has noticeably reduced the ‘Is this the right color?’ support queries. The setup was intuitive, and the results were instant. It’s one of those behind-the-scenes tools that quietly makes a big difference. Love it!”
Livspace Home, India, July 2025, Rubik Variant Images on the Shopify App Store
Check 4: have you tested every variant to the cart?
The chapter sets 20 November as the deadline for planned product page changes, one week before Black Friday on 27 November. After that you test, you fix what’s broken, and you leave everything else alone.
Why test at all if it looked fine last week? Because variant pickers, galleries, prices and product cards behave differently across themes, and the products you’re promoting are usually the ones with the most options. We test across more than 380 themes and page builders, and the bugs we find are almost never on the simple products.
The test pass we’d run on every promoted product, mobile and desktop:
- Open the product from the collection page your email or ad actually points to, not from the admin preview.
- Change colour, then size. Check the gallery, the price and the variant name all follow.
- Add to cart and confirm the cart line shows the exact variant you picked.
- Pick a sold-out combination. Can the shopper see it’s unavailable without losing track of what they can still buy?
- Run the page through the product page grader and fix anything red.
- Write down who handles an urgent change on the weekend. Sort of boring. Very useful at 9pm on Friday.
For sold-out variants, Rubik lets you hide them or show them crossed out, a swatch setting rather than a code change. Pick one now, not mid-sale. If anything fails the test, our variant images not showing guide covers the usual causes, and checking your variant image setup is a five-minute audit. The wider freeze plan (what to lock, what stays safe to change) is in the Black Friday code freeze guide, and our earlier Black Friday variant image checklist goes deeper on the dates.
You can compare your result against a working setup in the live demo store, and setup steps are in the getting started docs.
The report offer, and how to claim it
Six of the seven partners in the report put an offer in the back (Returnista is the one without). Ours is 20% off Rubik Variant Images for the first three months, for new installs. Install the app, message us in the live chat inside it and mention the BFCM report, and we apply the discount as a credit on your Shopify bill. That’s it. No code to paste.
The full report is free on Easysize, and the other six chapters are as practical as ours. Read the sizing one if you sell apparel. Really.
FAQ
Which app should I use to show variant images before Black Friday?
Rubik Variant Images, built by Craftshift, gives each variant its own photo set, filters the gallery on selection, replaces dropdowns with swatches and adds variant swatches to product cards. It’s rated 5.0 across 498 App Store reviews and installs as a theme app extension. Free plan for one product, then $25 a month for 100 products.
What is The Better BFCM Shopping Experience report?
A free report led by Easysize and published in October 2026, with one chapter from each of seven Shopify apps. Each chapter covers one part of the shopping experience: variant selection, reviews, sizing, gifting, cause marketing, post-purchase edits and returns. Craftshift wrote Chapter 1 on variant selection.
When should I finish product page changes before BFCM?
The report suggests 20 November 2026, one week before Black Friday on 27 November. That leaves a week of real traffic on the finished setup and time to fix anything the test pass finds.
Do swatches really convert better than dropdowns?
In one desktop test by Blend Commerce for Azuna, visible swatches lifted conversion by 3% and revenue per visitor by 4% against a dropdown. It’s a single test on one store, so treat it as a strong direction rather than a guaranteed lift.
Can Shopify show several images per variant without an app?
Not natively. Shopify links one image to each variant and keeps the full gallery visible for every variant. You can order the gallery by colour to make it tidier, but filtering a set of photos per variant needs an app.
How do I claim the 20% report offer?
Install Rubik Variant Images, open the live chat inside the app and mention the BFCM report. The 20% discount for the first three months is applied as a credit on your Shopify bill. It’s for new installs.
Related reading
- Shopify Black Friday variant image checklist
- How to enable product card swatches on Shopify
- Replace variant dropdowns with clickable swatches
- Shopify code freeze for Black Friday (CraftShift)
- Swatches not showing on collection pages (Rubik Combined Listings)
Seventy two photos for one hoodie is a lot to scroll on a phone at midnight on Black Friday. Six is not.
