To make a looping product-page video, animate the product still into a few seconds of subtle motion with image-to-video, make the start and end match so it loops seamlessly, mute it, and export in a square or vertical ratio for your product page. A silent six-second loop lifts the page, and it is made from the product photo you already have.
What you need
- One clean product still with the product clear of its background
- A product page that accepts a video in its media
- A Morphic account
What makes a product-page loop
A product-page loop is not a reel. The table sets out what each trait should be, so the clip supports the images rather than interrupting them.
| Trait | Product-page loop | Why |
|---|---|---|
| Length | A few seconds | Reads as continuous |
| Sound | Silent | Shoppers browse muted |
| Motion | Subtle, reversible | Loops without a seam |
| Aspect | 1:1 or 4:5 | Sits beside the images |
Steps
Know what the loop is for
A product-page loop is quiet, continuous and short. It plays silently beside the product images and adds life without a play button, so it should feel like a living photo rather than an ad. Decide the one subtle move before you generate, since a loop wants restraint where a reel can be bolder.
Animate the still with image-to-video
Pick the product still, save it as a reference so the item stays exact, and animate it with a single gentle move: a slow push-in, a soft rotation, light drifting across the surface. Check the clip for warping at the edges, because subtle motion animates cleanly where dramatic motion bends the product.
Make it loop seamlessly
In Compose, trim the clip so its last frame returns close to its first, so the motion reads as continuous rather than cutting back to the top. A reversible move, in and then back, hides the seam best. Check the join by letting it play round twice and confirm you cannot spot where it restarts.
Mute and export for Shopify
Strip the audio, since a product-page loop plays silently and a lighter file loads faster. Export in a square 1:1 or 4:5 ratio to sit beside the product images, and keep the file light. Check that the product reads clearly at the size the page renders it, then add it through your theme's media.
Common problems and fixes
- The loop jumps when it restarts. Trim so the last frame returns to the first, and favour a reversible move that ends where it began.
- The motion warps the product. Ask for less movement and regenerate; a subtle move loops cleanly where a dramatic one bends the edges.
- The file is too heavy for the page. Keep the clip short and export muted at the size the page renders, so it loads without slowing the page.
- The loop distracts from the product. Pull the motion back until it reads as a living photo; a product-page loop should support the images, not compete with them.
Put it together
A looping product-page video is four steps from the product shot: know what the loop is for, animate the still, make it loop seamlessly, mute and export for Shopify. Keep the motion subtle and the product exact by saving it as a reference, and one photo becomes a loop that lifts the page. Start with image-to-video, see how to make product videos from photos for the fuller method, and how to use AI for your Shopify store for where the loop fits.
