How Do I Reorder a WooCommerce Product Gallery?

How WooCommerce Gallery Ordering Works

The Product Gallery meta box shows thumbnails of every added gallery image, and simply dragging a thumbnail to a new position within that field updates the stored order, which the theme then respects when rendering the gallery on the actual product page. This is a straightforward drag-and-drop interaction requiring no code for the basic reordering task.

Things Worth Knowing

• The featured image and gallery images are separate fields — the featured image (set via its own dedicated field) typically displays first in the gallery sequence on most themes, independent of the gallery's own internal order.
• Some themes or page builders customize gallery display in ways that don't strictly follow the admin-set order, worth testing directly on the live product page rather than assuming the admin order always applies exactly as set.
• Variation-specific images (set individually per variation for a variable product) can override the main gallery display when a specific variation is selected, which is separate from the main product gallery's own ordering.
• A caching issue can occasionally show a stale gallery order after a recent change, worth clearing if the front-end doesn't immediately reflect an admin update.

Setting the Order Correctly

1. Drag and drop images in the Product Gallery field into the desired display sequence.
2. Confirm the featured image is set separately to whatever should display first overall.
3. Check the actual live product page to confirm the order displays as expected, clearing caches if needed.

Need product gallery display customized further? See custom WooCommerce development.