Product images / PUBLISHING WORKFLOW
Why can desktop shoppers see a second product view that phone shoppers cannot?
A secondary photo shown only when a mouse hovers can be easy to miss on a phone. Start by checking whether the same approved view is reachable through a visible tap control. Preserve the product facts while changing discovery; a new lifestyle image does not fix an inaccessible second view.
Identify the hidden buying answer
Choose a product whose secondary photo answers a specific question, such as whether a bag has an exterior pocket. On desktop, note the action that reveals that photo. On a real phone, begin from a fresh visit and find the same answer without relying on knowledge gained from the desktop session.
This exercise concerns discovery of an existing alternate view. It is different from a tooltip explaining a feature or a zoom gesture enlarging one image. W3C’s carousel guidance supports operable navigation; it does not prescribe one universal ecommerce gallery design.
Describe the phone failure precisely
In this fictional store, the front of a tote appears by default and its zippered rear appears on mouse hover. On a phone, one tap goes straight to the product page, where the rear view is also missing from the visible gallery controls. A shopper cannot verify the rear pocket even though the merchant already owns an approved photograph.
| Surface | Expected answer | Observed path |
|---|---|---|
| Desktop card | Rear-pocket construction | Hover reveals rear photo |
| Phone card | That a rear view is available | No discoverable control |
| Product gallery | Reach the approved rear photo | Missing view in navigation |
Choose an explicit discovery route
Ask the theme maintainer to put the alternate photograph in the actual product gallery and expose a clear thumbnail or next-view control. A card may link to that gallery instead of reproducing every interaction. Agree which action navigates to a product and which changes a photo, so a first tap does not silently do something different from its visible promise.
Keep a neutral default view when no secondary image exists. Do not invent a rear angle from a front-only reference to fill a hover slot. For each source photograph, retain its approved product and variant association in the handoff.
A product card does not need to reproduce a full gallery to make the rear view reachable. It can provide an honest, visible route to a detail page whose gallery contains that view. Record the card action and the final gallery control separately. A hover animation is an optional extra, not evidence that a touch user can find the same buying answer.
Verify first-time discovery
Give a reviewer the phone page and ask them to find the rear pocket without showing them the answer first. Record the control they used and whether it also works with the keyboard. Check that switching views does not accidentally change the selected variant or add an item to the cart.
Use the gallery interaction review as a manual review record. Sample rows are fictional. It does not connect to, import into or modify an external store or production machine.
CartVisual can prepare additional images only within the supplied reference evidence, with human product review. Adding those files to your store and giving shoppers a reliable discovery route remains a separate theme and merchandising task.
For the exercise, write the starting page, visible tap target, resulting page/view and unaided answer about the rear pocket. If a reviewer has already seen the desktop answer, record that prior exposure and use another first-time reviewer when needed. This is a small editorial navigation check, not a measured discovery rate or conversion study.
Repeat keyboard enlargement and return only after the view is reachable. If the phone reaches a different product image despite the correct selected option, investigate source-to-state mapping instead of treating it as a discovery failure.
The shared gallery CSV currently contains only two fictional pending examples: keyboard-dialog return and mobile-source selection. It is a reusable column template, not coverage of every test here. Copy a row, replace its page/variant/view and test_condition with your actual case, and use observed_result for the actual tap/navigation path and whether the requested view was found. Keep review_status pending until the actual check is performed.
Sources and further reading
Recorded source-review dates are listed individually below. An undated source does not inherit the article’s publication date. Software and platform rules can change; check the current original before acting.
- CartVisual: editorial scope and evidence policy · Review date not separately recorded
- W3C WAI: accessible carousel navigation · Reviewed
Frequently asked questions
Does a touch screen reproduce mouse hover?
Do not assume it. Test the real tap route on the intended phone browser.
Should every card have two images?
No. Add an alternate view only when it serves a real buying question.
Can a front photo prove an unseen rear pocket?
No. Use a trustworthy rear reference or an approved photograph of that detail.
PREPARE ASSETS FOR YOUR NEXT STEP
Create supporting product assets in CartVisual.
Create new product creative assets in the workspace, then continue in your chosen tools. Third-party software procedures described in this guide take place in those applications; this workspace link does not imply an integration. Check current capabilities, account access and credit quotes.
Explore asset creation tools Check pricing and credits