Product Specification
The 3D Product View Module for Magento 2 allows merchants to showcase their products in a fully interactive 3D format, enhancing the shopping experience for customers. With this module, customers can rotate, zoom, and inspect products from every angle, providing them with a more detailed understanding of the product's features and design
Features
Here is a comprehensive list of the features included in the 3D Product View extension:
- Interactive 3D Viewer: Display products in a dynamic 3D environment, allowing customers to rotate and zoom for a comprehensive view.
- Responsive Design: The 3D viewer is optimized for various screen sizes and devices, ensuring a seamless experience across desktops, tablets, and smartphones.
- Easy Integration: Integrate the module seamlessly into your Magento 2 store with simple installation steps.
- Cross-browser Compatibility: Compatible with major web browsers, ensuring consistent performance and functionality for all users.
- Custom Colour Variant: Allows admin to add custom options with colour variations on the product page. (Please ensure the 3D file has different mesh layers to identify areas for colour changes.)
- Product Type: It works only with simple and configurable products.
- File Type: It works only with GLB and GLTF files (zip file not support).
- Multistore: It also works with the multistore view.
Admin Panel Configuration
Stores -> Configuration -> Pits Configuration -> 3D Product View
![](https://www.webshopextension.com/media/user_guide/pits_3d_product/img1.png)
Figure 1: Admin panel configuration
Figure 1. displays the admin configurations of the extension, which specifies location or placement of the Product Designer feature.
General Settings
- Enable – Enable / Disable module.
- Button Label – The text of the button which show on the frontend can be changed here.
- 3D view Background colour- The default background colour for 3D view popup
How It Works in Backend
Administrators can add the 3D file in Product Add/Edit page. On this page, there exists a section named ‘3D Product View.' Within this section, an attribute named '3D Graphic file' is provided, allowing administrators to add the 3D GLB or GLFT file. Also have attribute for background colour ‘3D Image Background Colour’ to change the background colour for a specific product.
![](https://www.webshopextension.com/media/user_guide/pits_3d_product/img2.png)
Figure 2 – Product Edit Page with 3D view options
Custom Colour Variant
Administrators have the functionality to provide colour options for 3D files using custom options. Please ensure the 3D file has different mesh layers to identify areas for colour changes. Once the 3D file is attached, add the custom option with the 'Select' option. Different mesh values will appear as a dropdown, allowing you to choose the mesh value and corresponding colour. Only drop down and radio custom option will work for colour change. Also, please make sure to select only one mesh layer for a given custom option.
![](https://www.webshopextension.com/media/user_guide/pits_3d_product/img3.png)
Figure 3: Add Custom
How It Works in Frontend
When customers visit a product page with 3D file added, they will see a button (Figure 4). Clicking this button opens a popup (Figure 5) where customers can see the 3D product view. Also the selected custom option value will be selected in popup and vice versa
![](https://www.webshopextension.com/media/user_guide/pits_3d_product/img4.jpg)
Figure 4: 3D Product View
![](https://www.webshopextension.com/media/user_guide/pits_3d_product/img5.jpg)
Figure 5: 3D Product View Popup
Note: This extension supports only simple and configurable products and its child products. Also, please add the 3D file with coordinates set to (0,0,0) for a better view.
Limitation
- This extension supports only simple and configurable products and its child products (please add the 3D file with coordinates set to (0,0,0) for a better view)
- Also, custom option with multiple mesh layer not support.
Installation Requirements
Magento 2.4x
Installation Steps
To install the 3D Product View module, follow the steps below.
1. Download the module.
2. Access your web server directories and unzip and upload the content of the zip file to app/code directory.
3. Run the below commands on terminal
- php bin/magento setup:di:compile
- php bin/magento setup:upgrade
- php bin/magento setup:static-content:deploy -f
- php bin/magento cache:clean
Supported Languages
English, German, Italian
Change Log / Release Notes
Version: 1.0.0: May, 2024
Initial version
Support
If you have questions, use our contact form in https://www.webshopextension.com/ or email to support@webshopextension.com