Product galleries, zoom and 360 views: what shoppers expect

Watch someone shop on a phone and you will notice they barely read. They land on a product page, swipe through the pictures two or three times, glance at the price, and only then decide whether the description deserves attention. That makes the product image gallery the most-used interface on your store, and the one most likely to be built once and never tested. This article covers what the gallery itself should do: how many images to show, how they should be ordered, how zoom should behave under a thumb, and when a video or a 360 spin is worth the effort.

None of this is about how to take the photos. It assumes you already have decent images and now need to present them in a way that answers questions instead of raising them.

How many images a product page needs

Five to eight images suits most catalogues. Fewer than four and the page feels thin; more than a dozen and shoppers stop swiping long before the end, so your best picture may never be seen.

What matters more than the count is the order. Put them in the sequence a buyer's questions arrive:

1. The clearest full view of the product, on a plain background
2. A different angle that shows depth or the side profile
3. The product in context, so size and setting are obvious
4. Close-ups of materials, fastenings or finish
5. Labels, ports, ingredients or measurement diagrams
6. What actually arrives in the box, including accessories

For variants such as colour or fabric, the gallery should change when the shopper picks a variant. A buyer who selects the green option and still sees blue photographs will assume the listing is careless, or worse, that they will be sent the wrong thing.

Gallery layout on phones and on desktop

Most Indian store traffic is mobile, so design the phone version first and let the desktop version inherit from it.

On a phone

A full-width swipeable carousel with dot indicators works best. Show the dots, or a small "3 / 7" counter, so the shopper knows how much is left. Without that cue many people swipe once and stop.

Keep the gallery tall enough to see detail but not so tall that the price and the add-to-cart button are pushed off the screen entirely. A useful rule is that some part of the product title or price should stay visible under the image.

Make sure horizontal swipes inside the gallery do not fight with the browser's back gesture at the screen edges, and that a vertical swipe scrolls the page rather than getting trapped in the carousel.

On desktop

A column or row of thumbnails beside a large main image lets people jump straight to the shot they care about. Highlight the active thumbnail clearly. Hovering a thumbnail can preview it, but clicking should be what commits the change, since hover previews confuse trackpad users.

Avoid auto-rotating the gallery. A slideshow that moves on its own takes control away exactly when the shopper is studying something.

Zoom that works under a thumb

Desktop zoom is usually a magnifier panel that follows the cursor, or a click that opens a large view. Both are fine as long as the zoomed image is genuinely higher resolution. Scaling up a 600-pixel photo only shows blur, which reads as a low-quality product.

Mobile zoom is where most galleries fail. The expectations are simple:

• Pinch to zoom should work directly on the image, and double-tap should zoom in and back out
• While zoomed in, dragging should pan the image rather than swiping to the next one
• Opening the full-screen viewer should keep the image you were on, not reset to the first
• Closing it should return you to the same place on the page, not to the top
• There must be an obvious close control, not only a swipe-down gesture

Zoom is only useful if the source file supports it. Supply gallery images at roughly 1,500 to 2,000 pixels on the long edge for general goods, and larger for fabric, jewellery or anything where texture drives the purchase.

Video and 360 spins: when they are worth it

A short video answers questions no still can: how a fabric falls, how loud a mixer is, how a folding cot actually folds. Keep it under about thirty seconds, do not autoplay with sound, and place it as the second or third item rather than first, because a video thumbnail as the hero image slows the page and delays the shopper's first clear look at the product.

A 360 spin, built from a set of frames the shopper drags through, suits products whose shape is the selling point: footwear, bags, appliances, furniture and vehicles. It is far less useful for flat items such as books, sarees on a hanger or packaged food, where a good set of stills does the same job for a fraction of the effort.

Spins are heavy. A 36-frame sequence is 36 images. Load the first frame as a normal picture, fetch the rest only when someone actually interacts, and skip the whole thing on slow connections. If that engineering time is not available, spend it on better stills instead.

Customer photos in the gallery

Photos submitted with reviews are persuasive because they look unedited. Keep them in a separate strip near the reviews rather than mixing them into the main gallery, so nobody mistakes a blurry customer snap for the official product image. Get permission before reusing any of them in marketing.

Keeping a heavy gallery fast

Galleries are usually the largest thing on a product page, and a slow page loses shoppers who came from an ad on mobile data. A few habits keep the weight down:

• Serve WebP or AVIF with a JPEG fallback, and let the server generate sizes rather than uploading one huge file
• Use responsive image sizes so a phone never downloads the desktop-sized file
• Load the first image eagerly and lazy-load the rest; the hero image should never be lazy-loaded, as that delays the largest contentful paint
• Reserve the gallery's height and width in the layout so the page does not jump as images arrive
• Give every image meaningful alt text describing the product and the view, which helps both screen reader users and image search
• Check the product page in PageSpeed Insights on the mobile tab, not just desktop

Test with the network throttled in Chrome DevTools. A gallery that feels instant on office broadband can be painful on a 4G connection in a crowded area.

A short gallery review you can run this week

Open three of your best-selling products on your own phone and check each one: does the image count and order match the list above, does pinch zoom behave properly, does the gallery update when you change variant, and does the page settle quickly without shifting?

Fix whatever fails on those three first, since the same template usually drives your whole catalogue. If the underlying store theme cannot support proper zoom or variant-linked images, that is a platform problem rather than a content problem, and it is worth raising before you shoot another hundred products. Our team can look at how your product pages are built as part of building an online store, or you can start with a support request if only the gallery needs attention.

Frequently asked questions

What image size should I upload for product photos?

Upload a large original, around 2,000 pixels on the long edge, and let the store generate smaller versions for thumbnails and phones. Uploading pre-shrunk files removes the possibility of decent zoom later.

Do 360 product views increase sales?

They help most for products bought for their shape and finish, and barely at all for flat or simple items. Treat them as an upgrade for your top sellers rather than something applied to the entire catalogue.

Should product videos play automatically?

Not with sound, and preferably not at all on mobile data. A clear play button and a still preview frame respect the shopper's data and battery, and avoid startling someone browsing in public.

How do I stop my product images being copied by other sellers?

You cannot prevent copying outright. Keeping a dated original file, adding a subtle brand mark in a corner and registering the images as your work all help if you later need to raise a complaint with a marketplace.