Canvasio3D Woo is an easy to install Plugin, with that you can show and configure 3D-Models for your Woocommerce shop in WordPress*

• Login to your WordPress Admin-Area.
• Move the mouse left to the menu: Plugins.
• Than click on the popup: Add New.
• On the next Page under the Title "Install Plugins", click on Upload.
• Then click the Button: "Browse ..." and select the File: "canvasio3D_Woo.zip"
• Activate the Canvasio3D Woo Plugin after the Upload.

Before any further install or Updates, please deactivated and delete the latest Version of the Canvasio3D Woo Plugin!

Canvasio3D Woo is a 3D-Viewer that show your single products or variations as interactive 3D-Models. For this need you only select a product entry in Woocommerce or create a new one!

On the Woocommerce edit page, where you can select a product entry, will you find the edit window of Canvasio3D Woo on the right page side. In there can you insert a 3D-Model for the Woocomerce product instead of the normal 2D-Product image.

The Menu options in Canvasio3D Woo are from left to right:

• Delete a uploded Model
• Upload a new Model
• Edit product window and camera settings
• Edit Model material and window background image
• Create a Woocommerce product image for the shown model
• Link to this documentation
• And the Woocommerce Product-ID of the selected product

Canvasio3D Woo supports the 3D-Format .glTF and .glb with and without animation data and the file format .obj & .mtl (Wavefront) that not support animations.

The .glb and .glTF file format is a for 3D scenes and models using the JSON standard. It is an API-neutral runtime asset delivery format developed by the Khronos Group 3D Formats Working Group. It was announced at HTML5DevConf 2016. This format is intended to be an efficient, interoperable format with minimum file size and runtime processing by apps. As such, its creators have described it as the "JPEG of 3D." glTF also defines a common publishing format for 3D content tools and services. (Source: Wiki)

Before uploading, pack one or more 3D models into a zip folder and after the transfer, click on the new red icon at the bottom of Canvasio3D Woo's model list. Now can you click on the Button "Create Thumbnail" to made an Icon of this model for list view.

The shown Model in the 3D-Window would be automaticly connected to the selectet Woocommerce product-ID (e.g: #3133) and saved.

Here can you remove the shown Model for the selected Product-ID, maybe to use only a image background.

After activated "Delete Model: On" can you click the shown Model-Icon to delete the Model data from the server.

Canvasio3D Woo save all model settings in the meta data of the selected Product-ID. This settings would be only deleted if you remove the selected Woocommerce product too.

In this Menu can you modify any material entry of the shown Model with a right mouse click.

Rough alters the shine of a material and Metallic change the strength of the reflection. With Transparency can you make the selected material transparent and you can also change the Color of the material in this menu.

If you use only color variations of a single product like T-Shirts or Shoes etc. need you also only one 3D-Model for this, a "Master-Model":

Also can you here select a background image, like a normal product picture for Woocommerce.

In this Menu can you setup the general settings of the 3D-Window for the selected Woocommerce product.

The camera setting changes the view around the shown 3D-Model and always considers the "zero point" of the scene: x:0, y:0, y:0, z:0.

Model Scaling change the size of the shown Model and with Background, Frame and Overlay can you change the colors of the 3D-Window.

With the lower toggle buttons Fullscreen, Rotation, Right Click and Animation can you activated or deactivatet the functions for the Woocommerce product page.

In this Menu can you simple create a product image of the shown 3D-Model with the size of the 3D-Window.

This Image will saved in the WordPress Mediathek, like an normal image upload and you can use it as a Woocommerce Product image without to use any other graphic program.

In Canvasio3D Woo can you show also jewelry products with high quality gemstones:

• 1. Import simple your 3D-Model in a 3D-Program like the free application Blender
• 2. Open your 3D-Program and select import .obj | .glTF | .glb to load your 3D-Model
• 3. Select a model part e.g. a gemstones
• 4. And named it to "cristal_" ... 1. 2. 3. etc.

Model parts which have the name "cristal_" in it are loaded in Canvasio3D Woo ever as gemstones and self-evident can you also change the color of a gemstone in the Material settings of Canvasio3D Woo.