Product 360° Viewer
The Product 360° Viewer lets customers rotate a product to view it from all angles. You upload a sequence of images (frames) showing the product at different rotations, and the viewer stitches them together.
Turn on Product 360° Viewer
Section titled “Turn on Product 360° Viewer”- Go to Milano Dashboard → Modules.
- Find Product 360° Viewer and turn the toggle on.
Add a 360 view to a product
Section titled “Add a 360 view to a product”- Edit a product.
- Scroll to the Product Data meta box.
- Find the 360° Viewer section.
- Upload your frame images:
- Name the files in sequential order so they display correctly (for example,
product-01.jpg,product-02.jpg, etc.). - Upload all frames at once.
- You can reorder them by dragging.
- Name the files in sequential order so they display correctly (for example,
- Update the product.
A 360° slide appears in the product gallery. Customers can drag or swipe to rotate the product.
Tips for good results
Section titled “Tips for good results”- Use 24–36 frames for a full rotation.
- Keep the product in the same position across all frames. Use a turntable or a fixed camera setup.
- Export frames at the same resolution.
Configure
Section titled “Configure”Settings are under WooCommerce → Settings → Products → 360° Viewer:
- Frame width — The display width of the viewer.
- Frame height — The display height of the viewer.
- Initial frame — Which frame shows first (default: the middle frame).
Requirements
Section titled “Requirements”- WooCommerce must be installed and active.