I’m building a product page that lets shoppers grab the item, spin it in any direction, and zoom in on details—all with no autoplay. To make that possible, I need a custom Shopify plugin where I can upload up to 800 high-resolution frames for a single product. The viewer must stitch those images into an ultra-smooth 360° experience that supports: • horizontal rotation • vertical rotation • pinch/scroll zoom The spin should only begin when the visitor drags or swipes; there’s no automatic animation on page load. On desktop the mouse controls the view, while touch gestures do the same on phones and tablets. Performance is critical. The first frame has to appear instantly, with the rest loaded progressively so the interaction never stutters. Please code with Shopify Liquid, vanilla JavaScript (or a lightweight WebGL/Canvas library if it helps), and techniques such as sprite tiling, adaptive image sizing, and lazy loading. The finished plugin must: • live entirely inside my theme or as a section-ready app block • expose a simple admin interface for bulk image upload / reorder • accept JPG or PNG up to 4K resolution and compress on the fly without visible quality loss • respond fluidly in Chrome, Safari, Firefox, Edge, and the latest iOS/Android browsers • defer any unused assets to keep Lighthouse scores high I’ll confirm completion when I can install the plugin, add frames, and interact with the product at 60 fps or better on a mid-range mobile device. If you’ve built similar viewers or can demo a working prototype, that will help us move quickly.