Magento 2 Product 360 Degree View extension avails the admin to show their customers 360 views of a product. It allows the customers to have a more alluring and magnificent view of the products by integrating multiple images in a proper sequence.
The admin can establish a 360-degree view of a product. This extension provides a full view of the product from every possible angle which also enriches the product look.
- Admin can easily set the view of a product to 360-degree.
- Admin can delete the images to a 360-degree product view.
- With a 360-degree product view, a customer can view every side of a product in a 360-degree rotating view.
- Customers can stop or start again the 360-degree product view by clicking on the start/stop button.
- The admin can manage the spin speed at which images rotate in a 360-degree view of a product.
- Admin can preview the product 360 views, before saving the product and can manage the images accordingly.
Customers will get a zip folder then they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.
You need to transfer this app folder into the Magento2 root directory on the server as shown below.
After the successful installation, you have to run these commands in the Magento2 root directory:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.
Configuration For Multi-Lingual Support
For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options then select the locale as German (the language into which admin wants to translate his store content).
Furthermore, if you want to translate their module language from English to German then follow the path app/code/Webkul/Product360View/i18n in their unzipped Magento2 Preorder folder and then you will get a CSV file with name “en_US.csv”.
Now, rename that CSV as to your region code and language code “de_DE.csv” then translate all right side content after a comma in your language.
After editing the CSV, save it and then upload it to the path app/code/Webkul/Product360View/i18n where you have installed Magento 2 on their server.
The module will get translated into your desired Language. It also supports RTL and LTR languages.
The user can edit the CSV like the image below.
After the installation of the Magento 2 Product 360 Degree View image extension, the admin will find the configuration settings panel by navigating through Stores->Configuration->Product 360 View Configuration as per the snapshot below.
Enable: Admin can enable/disable 360 product image view for all products & full-screen view of a product under the module’s configuration page.
360 Frame Time: Admin can also set 360 Frame Times for rotation of the file. It is in a millisecond if it is less in number then it rotates fast or if it is more in number then rotate slow.
Thumbnail Image: Admin can upload its thumbnail image and allowed file types: jpg, jpeg, gif, png. Upload image size with the same width and height ratio.
By navigating through Catalog->Products, Admin can set a 360-degree view of a given product.
Moreover, the admin can set a 360 product view of a product under the “Products” tab, by clicking on the “Edit” button.
Here you can edit the product as per below image:
Now, the admin will add all the images that will be available at Front End in a 360-degree product view. Admin can also enable/disable an image view of 360-degrees for that particular product.
Front End View
Customers can view a 360-degree product view of a product. The image below gives a 360-degree view of the product.
360-Degree Product View
A customer can start or stop the 360-degree view of the product. A customer can view a product by 360 degrees as shown in the image below.
In this way, the admin can choose to show a product view of a 360-degree image.
Source – https://www.hyundai.com/in/en/find-a-car/grand-i10-nios/exterior
Please note, the above images, logo, brand name used is for representation purposes only. Hyundai Motor India is the original copyright owner. If there’s an issue, please revert to email@example.com
That’s all for this module if you still have any issue feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com
Current Product Version - 3.0.0
Supported Framework Version - 2.0.x, 2.1.x, 2.2.x, 2.3.x