Key takeaways
- Go to Products > select a product > drag images in the Media section to reorder them.
- The first image in the list becomes the featured image shown on collection pages.
- You can bulk-reorder images across many products using a CSV export/import.
- Variant images follow different rules - they’re pinned to specific variants.
The order of your product images matters more than most merchants realise. The featured image - the one shown on collection pages and in search results - is simply whichever image sits first in the list. Here’s how to control that.
Why you can trust us
We’ve built and customised hundreds of Shopify storefronts. We also built Fudge - an AI storefront editor with a 5.0 rating on the Shopify App Store.
How to reorder images on a single product
Step 1. Go to your Shopify admin > Products.
Step 2. Click the product whose images you want to reorder.
Step 3. Scroll to the Media section. You’ll see all your uploaded images in a grid.
Step 4. Click and hold any image, then drag it to a new position. Release to drop it in place.
Step 5. Click Save.
That’s it. The first image in the grid is now the featured image used on collection pages and anywhere else Shopify shows a single representative image for that product.
What is the featured image in Shopify?
The featured image is the primary image Shopify uses to represent a product wherever only one image is shown:
- Product cards on collection pages
- Search results
- Social sharing previews
- Cart line items
- Order confirmation emails
It’s always the first image in the media section. To change the featured image, drag a different image to the first position and save.
Reordering images on multiple products at once
If you need to update image order across many products, drag-and-drop in the admin becomes time-consuming. The more scalable approach is a CSV export/import.
Step 1. Go to Products > Export > choose your product range > export as CSV.
Step 2. Open the CSV. Each row represents one product-image combination. The column Image Src contains the image URL and Image Position contains the display order (1 = first/featured).
Step 3. Update the Image Position values to reflect your desired order. Position 1 is the featured image.
Step 4. Save the CSV and import it back: Products > Import > upload your file.
Shopify will update the image positions. This is faster than doing it product by product for large catalogues.
Variant images and reordering
Variant images work differently. When you assign an image to a specific variant (e.g., a blue colourway), that image becomes pinned to that variant. When a customer selects a variant, Shopify automatically shows the assigned image first.
Variant images can’t be reordered in the same way - they’re tied to the variant, not the global image sequence. You manage them by going to the Variants section, clicking a variant, and selecting or changing its associated image.
Common mistakes when reordering images
Forgetting to save. Shopify doesn’t auto-save image position changes. After dragging, always click the Save button before leaving the page.
Expecting the change to appear instantly. Browser caching can sometimes mean you still see the old image order on the storefront for a few minutes. Try a hard refresh (Cmd+Shift+R or Ctrl+Shift+R).
Reordering images without checking mobile. The featured image on mobile collection pages is the same as on desktop - it’s the first in the list. Make sure your best image is first for both contexts.
When reordering isn’t enough
If you want more control over how images are presented - such as a custom gallery layout, a zoom feature, a video mixed in with images, or a different featured image per context - these go beyond what the standard image reorder can do.
That kind of customisation requires theme code changes. You can describe what you want to Fudge: “Show the second product image in a sidebar and keep the first image full-width on the left.” Fudge generates the code and lets you review it before anything goes live.
