Snug Gallery / Guides

Lifestyle photos on a product page: gallery block or product media?

Where lifestyle and customer photos belong on a Shopify product page: in product media, or in a gallery section below the buy box. Trade-offs and setup.

A product page needs two kinds of photograph. The first shows the thing: front, back, detail, the colour under neutral light. The second shows the thing in a life: on a shelf, on a person, in the photo a customer sent after it arrived. Shopify gives you one place for photos on a product, the product's media, and most stores put both kinds there. That works until it doesn't. This guide is about the point where it stops working, and the two ways to put lifestyle images on a product page without crowding the media that does the selling.

Two homes for a photo

Product media is the set of images, videos and 3D models attached to a product in the admin. Shopify allows up to 250 media items per product, the theme renders them in the product page's media gallery, one can be assigned to each variant so the picture changes with the swatch, and the same set is what sales channels take. The Google & YouTube channel, the Shop app and Meta's catalogue all read product media, and the first image becomes the product's picture everywhere the product is listed. See Shopify's page on product media.

A gallery section is a block from Snug Gallery added to the product template in the theme editor. Its images live in the app and in your store's Files, not on the product, so they do not appear in the theme's media strip, do not become variant images and are not sent to any channel. The block picks one gallery from the app and renders it with the layout you choose, with tags, captions, a lightbox and, on the Unlimited plan, product hotspots.

The two are not competitors. Product media answers "what am I buying"; the gallery answers "what is it like to own". The mistake is making one place do both jobs.

What goes wrong when everything is product media

The thumbnail strip gets long. Four clean product shots followed by fourteen lifestyle images means the shopper who wants to see the back of the garment is scrolling past a picnic. On mobile, where the gallery is a swipe carousel, the picnic is between them and the add-to-cart button.

Variant switching gets confusing. When a shopper picks the green variant, the theme jumps to the green variant's image. If that image is a lifestyle shot where the product is a small part of the frame, the jump reads as an error.

Channels inherit photos that were never meant for them. Google's product image requirements are stricter than a marketing photo needs to be: the product should be clearly visible and the image should not carry promotional text or watermarks. A customer photo with three friends and a dog, synced as an additional image, is at best ignored and at worst a reason for a disapproval you then have to chase. Keeping lifestyle shots out of product media keeps them out of the feed by construction.

And the honest one: customer photos arrive constantly and product media is a chore to curate. If adding a photo means editing the product, reordering 18 thumbnails and checking the variant assignments, the photo does not get added. A gallery you can drop images into from the app, tag and forget is the one that actually gets updated.

Add a lifestyle gallery under the buy box

  1. In Snug Gallery, create a gallery for the product or range, for example "Linen collection in homes". Upload the lifestyle and customer photos there, write a caption on each that names the product, and tag the images by product name or handle so the filter bar can split them later.
  2. Open Online Store > Themes > Customize, switch to the Default product template, and choose Add section. Pick Snug Gallery from the Apps list and select the gallery you created. Drag the section to sit below the product information and above reviews or recommendations.
  3. Set the layout for the job. Slider or Collage suits a product page because it holds a dozen images in the height of one; Masonry suits a long scroll on a dedicated page but pushes the footer a long way down on a product. Turn on the lightbox so a shopper can open a photo without leaving the page.
  4. Keep the product's own media to the clean shots: front, back, detail, scale, one video if you have it, with the first image a plain product on a plain background. Move the lifestyle images out of product media and into the gallery.
  5. Preview on a phone before saving. The gallery should start below the fold with the add-to-cart button still in the first screen.

One gallery for every product, or one per product?

A section on the default product template shows the same gallery on every product. For a small range with one look, a jewellery line or a single-material homeware brand, that is often right: the lifestyle gallery is about the brand, and the product above it changes.

When a product deserves its own, give it an alternate template. In the theme editor's template picker choose Products > Create template, name it after the product, add a Snug Gallery section pointing at that product's gallery, then open the product in the admin and set its Theme template to the new one. Shopify's page on theme templates describes alternate templates. This is a per-product step, so it suits five or ten hero products, not five hundred.

Plan limits shape the choice. The Free plan has one gallery of up to 25 images, which is exactly one shared lifestyle section. Standard allows ten galleries of up to a thousand images each, enough for a gallery per range or per hero product. Unlimited removes the gallery cap and adds product hotspots, so a customer photo of a styled shelf can sell every item on it.

What a gallery cannot do yet is filter itself by the product it sits under. The tag filter can be preset from the page URL, as the guide on filtered links explains, but a product page URL carries the product handle, not a snug-tag parameter. If you need one gallery to show different slices on different products, the alternate-template route is the reliable one today.

Rights, speed and search

Customer photos on a product page are republication, same as on a homepage. Ask before you use them; the guide on customer photos after Instagram feeds broke covers what to ask and how to record it. The gallery block's photo-submission button, where enabled, collects that permission at upload time.

A second image set on a product page costs load time only if it loads eagerly. The gallery lazy-loads images below the fold and serves them through Shopify's CDN with responsive sizes, so a twelve-image lifestyle section adds little to the first paint; the speed guide shows how to check with Lighthouse. Keep the product's own first image as the largest-contentful-paint candidate by leaving the gallery below it.

For search, lifestyle images in the gallery carry their own alt text and captions, which gives Google Images a second route to the page with queries like "linen duvet in a loft bedroom" that a white-background product shot never ranks for. The product's structured data, which most themes build from product media, stays clean because the gallery is outside it.

Frequently asked questions

Should lifestyle photos be product images on Shopify?

A few, yes: one or two that show scale and context are useful in the product media and in channel feeds. The rest belong in a separate gallery section on the page. Product media is what the theme's thumbnails, variant images and sales channels use, so every image there should show the product clearly. Lifestyle and customer photos do a different job and are easier to keep fresh in a gallery that lives outside the product.

How many images can a Shopify product have?

Shopify allows up to 250 media items per product, counting images, videos and 3D models. The limit is rarely the problem; the thumbnail strip becomes hard to use long before that. A gallery section lets you show many more lifestyle images without lengthening the product's own media.

Can I show a different gallery on each product page?

Yes, with alternate product templates. Create a template per product in the theme editor, add a Snug Gallery section pointing at that product's gallery, and assign the template to the product in the admin. It is practical for a handful of hero products. A section on the default template shows the same gallery on every product, which suits brands with one consistent look.

Do images in a Snug gallery get sent to Google Shopping or the Shop app?

No. Channels sync product media only. Gallery images are stored in the app and in your store's Files, so they appear on the page where you place the block and nowhere else. That is the point: it lets you keep channel feeds limited to clean product shots that meet image requirements while the page still shows the product in use.

More guides