Why is my WooCommerce product's first photo repeated in the gallery?

Identify the two assignments

Open a non-destructive test copy of the affected product, then inspect the product editing screen. Record the file selected in Product image and the files listed in Product gallery. These are separate assignments: Product image supplies the featured image, while Product gallery supplies additional gallery images. The featured Product image is already treated as the first gallery item.

Do not begin by deleting a file from the Media Library. Removing an image from a product assignment is different from deleting the underlying shared media item, which may be used elsewhere.

1. Write down the filename or visible thumbnail selected under Product image.
2. Compare it with every thumbnail assigned under Product gallery.
3. If the same media item appears in both places, remove only that item from Product gallery and leave Product image unchanged.
4. Update the test copy, then inspect the published product page in a fresh browser view.

Use the right branch

If the repeated thumbnail exists in both assignments, the duplicate assignment is the first correction to test. If it appears only once in the editor but twice on the storefront, do not keep removing media. Compare the editor's gallery arrangement with the rendered page and record whether the second appearance is a thumbnail, a larger image, or a lightbox or zoom view.

Classic and block galleries can differ in how the gallery is configured and rendered. Also, zoom and lightbox behavior depends on the implementation and theme, so a larger or repeated-looking view may be a presentation behavior rather than a second Product gallery assignment. Check the current WooCommerce and theme context before relying on behavior described for another setup.

Illustrative exercise

Define two assets before comparing them: “blue-mug-front.jpg” is the intended featured Product image, and “blue-mug-handle.jpg” is a distinct side-view asset intended for Product gallery. In the faulty test copy, blue-mug-front.jpg is selected under Product image and is also listed first under Product gallery, followed by blue-mug-handle.jpg.

The A comparison is the faulty assignment: Product image = blue-mug-front.jpg; Product gallery = blue-mug-front.jpg, blue-mug-handle.jpg. The B comparison removes only blue-mug-front.jpg from Product gallery: Product image = blue-mug-front.jpg; Product gallery = blue-mug-handle.jpg.

Pass means the storefront's ordinary product gallery shows blue-mug-front.jpg once as the first item and blue-mug-handle.jpg as the next distinct item. Fail means the first asset still appears twice in the ordinary gallery, or the featured image was removed or replaced. This is an illustrative exercise, not a claim that the example was tested.

Confirm the published result

After updating the test copy, inspect the product page at the same viewport and interaction state used to observe the problem. Check the main image and the ordinary gallery thumbnails separately from any zoom or lightbox opened by clicking the image. If the normal gallery passes but the viewer repeats or enlarges the first image, document that distinction before changing theme or gallery settings.

Apply the same assignment correction to the live product only after the test copy meets the acceptance condition. Keep the original media in the Media Library unless you have separately confirmed it is unused and intend to manage that media record.

Scope of the documentation

The official references below support tool behavior and feature boundaries. The test fixture, branching decisions and acceptance criteria are Itemlume editorial recommendations; citation does not imply endorsement. Illustrative sizes, names and timings are not your production specifications.