Toggle Nav
My Cart
  • Compare Products

Categories

User Manual and Installation Guide

3D Product View with Color Variant Extension for Magento 2

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 

 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. 

 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.

 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 

 Figure 4: 3D Product View 

 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 

Buy Now