Product media should help a shopper understand the item they are selecting. A polished gallery can still mislead when it shows the wrong variant, hides important scale, or includes accessories that are not part of the purchase.
Related service: Website and ecommerce development- 01Identify the product
- 02Verify the visual facts
- 03Map variant assets
- 04Test the gallery
- 05Approve publication
SECTION 01
Define the visual information customers need
List the questions media should answer: shape, size, finish, included components, assembly, or use. Distinguish a product image from an illustrative lifestyle scene. If a photograph includes accessories that are not supplied, the business should make that clear in the content. Avoid relying on image text for essential specifications.
Shopify's product-media documentation illustrates different media types and the need for compatible display behavior. W3C's image guidance explains alternatives according to purpose. These references support implementation choices without proving a particular platform capability. Ask the agency to verify the selected store's gallery, variant mapping, and video support before promising a rich-media feature.
SECTION 02
Illustrative example: the selected fabric does not match the gallery
Imagine a chair page offers several fabrics. The shopper chooses a dark fabric, but the main image remains a light sample and the cart thumbnail uses a third option. The product identifier may be correct while the visual confirmation remains confusing. Define which images change with the selection and which explain shared features.
A dimension diagram can remain common if it genuinely applies to every variant, while fabric details should follow the selected option. Test the page and order summary with a known sample record. This hypothetical example shows why media accuracy belongs in catalog acceptance, not only in a final visual-polish review.
SECTION 03
Choose gallery behavior the team can maintain
Start with the media needed for the buying decision. Extra video, zoom, and three-dimensional views introduce performance, control, and asset-production responsibilities. Test keyboard operation, understandable thumbnail labels, closed and expanded states, and a missing asset. Keep the product description usable when a video does not load.
Ask how staff replace images, update alternative text, and retire a variant without leaving orphaned references. Confirm that public media storage is not used for private customer uploads. The handoff should document required views, naming or mapping conventions, and approval ownership. A smaller set of accurate, readable images often serves shoppers better than a large gallery whose relationship to the selected item is unclear.
SECTION 04
Frequently asked questions
Should every product have video?
Only when it explains something useful that still images and text do not communicate adequately.
Can all variants share one gallery?
Shared views may be appropriate, but the page must make the selected variant clear and avoid misleading visual confirmation.
Is alternative text the same for every image?
No. Describe the information or function contributed by each image in its context, without keyword lists.
PRIMARY REFERENCES
Sources and further reading
These references cover the standards, platforms, or published prices discussed in the guide. Worked examples and checklists are our editorial guidance.
- Product mediaShopify Help Center
- Images TutorialW3C WAI
EDITORIAL METHOD
About this guide
We use AI to assist with drafting and editing. Catapult AI Work is responsible for the published content. Examples illustrate possible approaches; they are not client case studies unless identified as such.
Budget examples are not Catapult package prices. Check linked provider pages for current fees and plan limits before making a purchase.
Read the editorial policy