Hello, I am building an ecommerce web app with admin panel and now I want to add 360 image rotation with every product. As the products are to be managed by the admin so how to add those 360 image rotation. Please can anyone guide me?
I'm not too familiar with "360 degree" or "panorama" type photos but I believe they are standard image files (.jpg, .png, etc.) when they come out of the camera (or stitched together in some sort of software like Photoshop or Lightroom).
You can then make use of a Javascript plugin to display it on your site and allow the user to click and drag to view the panorama photo. Here's two that look good:
@drehimself I want to show the 360 degree of product from all angles. In panoramic image captured with smartphone it isn't possible.
@jawi289p Ah, right. You're going to need a different type of JS plugin that allows you to put together a group of images shot at different angles around the product. The plugin will handle things like dragging and showing the correct image.
Here's one I found after a quick google search: https://github.com/scaleflex/js-cloudimage-360-view. If you check out the Codesandbox demo they have, you can see that the products have 36 total images shot around the product.
Getting good-looking photos around the product is probably going to be where most of the work lies.
@drehimself thank you
Please or to participate in this conversation.