Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    magento-hyperlocal-marketplace-guide

    Magento 2 Product 360 Degree View

    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.

    Features

    • 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.

    Installation

    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:

    First Command-

    Second Command-

    Third Command-

    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).

    Module Translation

    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.

    Module Configuration

    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 support@webkul.com

    Support

    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

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index