Back to Top

Magento 2 Product 360 Degree View

Updated 15 March 2024

Magento 2 Product 360 Degree View extension allows 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 that enriches the product’s look.

NOTE: This module will work for Simple, Configurable, and bundle products only.

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.
  • The extension is compatible with the Hyva Theme.

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.

Searching for an experienced
Magento 2 Company ?
Find out More

You need to transfer this app folder into the Magento2 root directory on the server as shown below.

Move-app-folder-2-1

After the successful installation, you have to run these commands in the Magento2 root directory:

First Command-

php bin/magento setup:upgrade

Second Command-

php bin/magento setup:di:compile

Third Command-

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.

Magento 2 Product 360 Flush-Cache-1


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

Magento 2 Product 360 Degree View LAnguage-1

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

LANGUAGE-TRANSLATION-1200x380-1

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.

CSV-1-1-1

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.

image-186

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.

By navigating through Catalog->Products, Admin can set a 360-degree view of a given product.

Magento 2 Product 360 Degree View admin product management

Moreover, the admin can set a 360 product view of a product under the “Products” tab, by clicking on the “Edit” button.

product-1

Here you can edit the product as per below image:

admin-product-edit-page

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.

customer-end-1

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.

play-product

customer-product-360

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 protected]

Support

That’s all for Magento 2 Product 360 Degree View and 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 - 5.0.1 -p2

Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content