Quick answer: Photograph one valid example selection, the actual packaging included in the offer and the individual selectable items. Label the complete-box image as an example when shoppers choose their own contents. Keep styling props separate from included goods, and check the actual crops on the product page and picker before approving the images.
A mix-and-match gift box needs a different photo brief from a fixed bundle. One attractive arrangement can otherwise suggest that every buyer receives the same combination. This guide is a practical shoot and approval plan; use the variant-identification guide for the separate task of naming and assigning each selectable variant.
tnova's public installation is still being prepared. Its current documented offer uses a fixed price, 2–12 item units and per-variant repeat limits. Plan from the actual saved offer and test images in an authorized preview, rather than assuming the public sample verifies your products.
Write the offer facts before creating the shot list
Give the photographer or staff member a short brief with the box's item count, repeat rule, candidate list and packaging promise. Identify which physical items count as one selectable unit. A pack sold as one Shopify variant can count as one box item even when several pieces are visible inside it.
For a fictional six-item stationery box, suppose the candidate pool contains blue and green A6 notebooks, a three-pencil pack and a pack of page flags. The per-variant maximum is two. The offer includes a kraft presentation box and tissue; the desk, vase and background books are props.
These two example selections both obey that offer:
| Candidate variant | Example A | Example B |
|---|---|---|
| Blue A6 notebook | 2 | 1 |
| Green A6 notebook | 1 | 2 |
| Three-pencil pack | 2 | 1 |
| Page-flag pack | 1 | 2 |
| Selectable item units | 6 | 6 |
Show pencil packs in a way that preserves their identity as packs. Six loose pencils in the foreground could be mistaken for six selectable units, although two three-pencil packs occupy only two slots in this example. Keep the packs together or add a clearly associated explanation in the page text.
Check the real assortment's physical packaging fit separately. A staged photograph of one arrangement does not establish that every allowed selection fits.
Give each photograph a specific job
Use this compact shot list as a starting point. Omit a shot when it adds no useful information to your offer.
| Photograph | What it should establish | What to clarify nearby |
|---|---|---|
| Open box with example A | An honest example of six selected units in the included presentation box | Contents shown are one possible selection |
| Open box with example B | The same offer can produce different valid contents | Shoppers choose from the current eligible assortment |
| Closed presentation box | Actual packaging, finish and closure | Which ribbon, sleeve or card is included, if any |
| Individual candidate images | What one selectable unit looks like | Pack size and meaningful size or color differences |
| Context or scale view | Useful physical proportion | Which surrounding objects are styling props |
Do not arrange all candidates in the hero image without explaining the difference between the available assortment and the six items purchased. An assortment overview can be useful as a separate image, but it answers “what can I choose?” rather than “what arrives in one box?”
Use actual goods and the packaging intended for fulfillment. Retouching a background should not change the apparent color, pack quantity or included accessories. If a packaging finish is still undecided, keep that photograph out of the approved set until the offer is settled.
Put each image in the right place
The Shopify parent product's media, an individual component's assigned image and tnova's display cover are different surfaces. Adding a full-box photograph to the parent does not replace all candidate thumbnails. Likewise, changing the picker heading or cover does not change the source products' images.
Shopify's variant-image instructions explain that a variant has one assigned image, while additional images can remain in the product gallery. In tnova's current component-image selection, the variant image is preferred, with the product's featured image as a fallback. Use the identity guide linked above to check those assignments rather than assuming a gallery sequence controls the picker.
Use the product-page gallery for the fuller packaging story. If you use tnova's Cover image HTTPS URL display field, choose an image that still makes sense in the picker context and inspect the rendered result. It is a cover image, not a gallery or a promise that every component image will change with it.
Before changing source product media, check where else that product sells. A newly assigned photograph can affect the component's standalone presentation too. Keep the approved image associated with the exact variant in your working sheet.
Explain examples in visible text and useful alt text
For the fictional offer, suitable visible copy would be:
“Example six-item selection shown. Choose your own six items from the available options, with up to two of each variant. Kraft box and tissue included. Vase and desk accessories are styling props.”
Use only the parts that match your saved rules and actual packaging. This wording does not promise that all candidates are always in stock. Place the explanation beside the relevant image or offer text, where shoppers can encounter it before choosing.
For Shopify product media, add descriptive alt text using its media alt-text instructions. For the open-box photograph, an example is “Kraft box with an example six-item stationery selection: three notebooks, two pencil packs and page flags.” The description should match the photograph, rather than repeat a string of gift keywords.
Do not assume Shopify media alt text is copied into every tnova-rendered image. The current picker cover uses an empty alt attribute, and selected-item thumbnails also use empty alt text alongside item labels. Keep the example status, pack information and included-goods promise in visible text. Use the picker-accessibility checks for the separate rendered-page review.
Approve the rendered offer, then maintain the image set
Inspect the parent product page and picker on a desktop and a narrow phone screen. Confirm that the complete example is countable, the packaging is visible, important items survive the crop and the explanatory text remains close enough to the image to be understood. Select the example's components and compare their labels and thumbnails with the photograph.
Use the current verified baseline for any purchase-path test: Dawn 16.0.0, cart type Page, default market/currency and one shared component fulfillment location. A media review establishes what a shopper sees; it does not establish inventory or checkout compatibility.
Save an approval record with the offer version, image filenames, pictured selection, included packaging, visible caption and review date. Revisit it when candidates, pack sizes or packaging change. For a changed assortment, follow the published-box update procedure and revise the affected media as part of that handoff. A discontinued item should not remain the unexplained centerpiece of the current offer.
*Prepared with AI assistance and checked against tnova's image/display implementation and current official Shopify media documentation. The stationery assortment, photographs to commission and example copy are fictional planning materials; no shoot or merchant performance result is claimed.*
See a gift box in action
Try the sample picker with fictional products. It creates no cart or order.
Try the box builder