You can let customers crop and adjust their own photo on a Shopify product page in four ways: an options app with a built-in image editor, a visual designer tool, custom code, or a manual crop after the order.
For most stores that sell photo mugs, prints or gifts, an options app with an image editor is the simplest route, since shoppers fix the photo before it reaches you.
This guide is about shoppers cropping their own photo. It isn't about editing your own product images in Shopify admin.
What to look for in a photo crop and adjust setup
Check these before you choose a tool:
- What shoppers can change. Crop only, or also rotate, move, zoom and apply filters.
- Crop that matches the print area. A crop shape that fits your product means fewer photos that print badly.
- Preview on the product. Seeing the photo on the product helps shoppers feel sure about the order.
- What you receive. The order should carry the photo the shopper adjusted, not just the raw upload.
- Low-quality and sideways photos. Phone photos are the usual source of both.
- Cost. Check which features are on the free plan and which need a paid plan.
- Setup and upkeep. Consider how long it takes to set up and who maintains it.
Four ways to add photo cropping to a Shopify product page
| Approach | Shopper control | Preview on product | Setup effort | Upkeep | Best for |
|---|---|---|---|---|---|
| Options app with a built-in image editor | Crop and adjust the photo | Depends on the app | Low (settings, no code) | App updates | Photo mugs, prints, gifts and other upload-and-personalize products |
| Visual designer tool | Full design canvas (layers, templates, text and images) | Yes, on the design | Medium to high | App updates | Products where shoppers design a layout, or you need print-ready files |
| Custom code | Whatever you build | Whatever you build | High (developer needed) | You maintain it | Stores with developer time and very specific requirements |
| Manual crop after the order | None | No | None | Your time on every order | Very low order volume |
Options app with a built-in image editor
An options app adds fields to the product page, such as a file upload, text or a dropdown. When the app includes an image editor, the shopper crops and adjusts the photo right after uploading. It suits merchants who want to collect a photo and make sure it fits, without turning the product page into a design studio.
Visual designer tool
A visual designer tool gives shoppers a canvas where they place and arrange images and text. It is the better fit when the design is the product, for example a collage or a layout with several elements, or when you need print-ready design files. It is usually more to set up and more to learn than an options app.Â
Custom code
Developers sometimes add an open-source cropping library to the theme. The Shopify Community suggestions for this include Cropper.js and Croppie.js. This gives you full control over the look, and you take on the maintenance. Theme updates and phone browsers are the usual sources of breakage. It makes sense when you have a developer and a requirement no app meets.
Manual crop after the order
Some merchants crop each photo themselves after the order comes in. It costs nothing to start, but every order adds work, and shoppers can't see the final crop until it's done.
Easify Custom Product Options: best for crop and adjust without a design canvas
Best for: merchants who want shoppers to crop, rotate, move and zoom an uploaded photo on the product page, without a full design tool.
Key features:
- Image editor. Shoppers can crop, filter and rotate their image right after uploading, and can move and zoom it. The editor works on image files only.
- Crop settings. The merchant can set the crop aspect ratio and shape in the app's settings, so the crop matches the print area.
- What you receive. The order contains the cropped photo.
- Live preview. On the Premium plan, the uploaded photo shows on the product image as the shopper fills in the options.
- Rating. Rated 4.9/5 from 3,000+ reviews on the Shopify App Store, as of October 2026.
How to set up a photo crop option with Easify
1. Open the Easify app from your Shopify admin.Â
2. Add an option, then choose File upload.
3. Tick "Enable image editor" in Basic settings. Set the image ratio for your product's print area.
4. Config the rest of the option according to your needs and assign it to your product(s) and you're done!
Here's the image editor in action:
And here's how it looks on the front end:
Tips for photos that print well
- Match the crop to the print area. If your mug wrap is wide and short, set a wide, short crop so shoppers can't crop a square that gets stretched.
- Tell shoppers what size to upload. Say it on the product page, and check your print provider's minimum size for the product.
- Test with a phone photo that loads sideways. Phones store orientation separately, and some tools show the photo turned. Test on your own store and use the rotate option if needed.
- Decide your policy for photos that are too small. Decide in advance whether you'll contact the customer, print anyway, or refund.
Conclusion
Letting shoppers crop and adjust their own photo before ordering saves you from bad prints and from cropping every order by hand. For most upload-and-personalize products, an options app with a built-in image editor is the simplest route. A visual designer tool is the better fit only when shoppers need to arrange several images and text on a canvas.
Try Easify Custom Product Options for free →
If you want to try the options-app route, Easify Custom Product Options lets shoppers crop, rotate, move and zoom their photo right after uploading, and the order arrives with the cropped photo. You can set it up in a few minutes and try it for free.