A shopper chooses a blue item. The page displays a different photo, or the cart contains a different size. That is more consequential than a cosmetic glitch: the buyer, your fulfillment team, and the order record may each be looking at a different product.
One Shopify merchant reported a wrong variant being added to cart alongside unrelated variant images. Another merchant described a gallery image and selector that did not stay in sync. Shopify's variant documentation explains how product options become distinct variants. These sources do not prove every mismatch has the same cause. Product data, theme behavior, apps, custom code, and cached pages can all be involved.
Make the bug reproducible
Pick one affected product. Test each choice on mobile and desktop, preferably in a private browser window. Record:
| Step | What should match |
|---|---|
| Variant selector | Color, size, or other option chosen |
| Main photo and gallery | The chosen item's actual appearance |
| Price and stock message | The chosen SKU's price and availability |
| Add-to-cart result | The same option, SKU, and quantity |
| Checkout and confirmation | The item the buyer intended to order |
Keep a screen recording and note the exact product URL, browser, selected options, and time. If a wrong SKU can be purchased, consider pausing promotion of that product until the path is checked. Do not tell customers an image alone proves what they ordered; the order line and confirmation need to be examined too.
Diagnose the boundary before changing the design
Create one test per affected option combination, not just a test of the default variant. Record the selected label and resulting cart SKU before any theme or app change, then repeat the same sequence afterward. If the issue appears only after switching options twice, include that sequence in the brief; otherwise a developer may test only the first selection and report a false pass.
If the wrong image appears but the cart SKU is correct, the media mapping or theme display may be the issue. If the cart line is wrong, the selection state or add-to-cart action deserves priority. If the mismatch happens only after a recent app or theme update, record that change for the developer. Test one change at a time so you know what actually fixed the path.
The useful acceptance test is an order matrix: every sellable variant should show its matching label, image, price, cart line, and confirmation. That is more precise than asking a developer to “make the product page look right.”
If the variant chain passes this test but shoppers still add items without purchasing, investigate the separate add-to-cart but no-purchase problem before changing the product page again.
ARCHV's standard small-site offer does not include commerce debugging. A Shopify theme, app, or product-data repair requires discovery and a separate quote. Send the product URL, affected variants, and reproduction steps through our website estimate. We will confirm whether it is within our delivery fit before proposing work.