3D Viewer

  1. Home
  2. Docs
  3. 3D Viewer
  4. Guides
  5. WooCommerce

WooCommerce

To show models in WooCommerce, enable Woocommerce options first from 3D Viewer > Settings > Woocommerce Settings.

3D Viewer- WooCommerce Enable
3D Viewer- WooCommerce Enable

Add Models

After enabling, go to the product edit page, there will be a settings panel called 3D Viewer Settings.

From here, add one or more 3D models to show on the product page. Also, set the position of the models and the custom angle.

3D Viewer- WooCommerce Add Models
3D Viewer- WooCommerce Add Models

Configure

For the configuration of WooCommerce models, again go to 3D Viewer > Settings > Woocommerce Settings.

Enable/disable Moving Controls, Zoom, Auto Rotate, Autoplay, set Shadow Intencity, Loading Type(Auto, Lazy, Eager), Auto Rotate Speed, Auto Rotate Delay, and show/hide Progressbar, Fullscreen Button.

3D Viewer- WooCommerce Configure
3D Viewer- WooCommerce Configure

WooCommerce- Variant

There are two steps to add different models for different variants of a productAdd Variant, and Set Model for Different Variant

1. Add Variant

To add variants of a product,

  1. 1. Select the Variable product from the Product data.
  2. 2. Select Attributes.
  3. 3. Add new or edit existing attributes. Note: the first attribute will be the selected variant
  4. 4. Add attribute value.
  5. 5. Must check Used of variations option.
  6. 6. Finally, Save attributes.
3D Viewer- WooCommerce Variant- Attributes
3D Viewer- WooCommerce Variant- Attributes

After saving attributes, select Variations. Then click Generate Variations.

3D Viewer- WooCommerce Variant- Generate Variations
3D Viewer- WooCommerce Variant- Generate Variations

After clicking Generate Variations, you will see it will show the variations. You can edit the variation. Make sure the price for the variation is added.

3D Viewer- WooCommerce Variant- Variations
3D Viewer- WooCommerce Variant- Variations

2. Set Model for Different Variant

After adding variations, go to 3D Viewer Settings. From this panel, click on Add New Model from the Product 3D Models option. You can see the option called Select Variant. Add different models from there.

3D Viewer- WooCommerce Variant- Set Model
3D Viewer- WooCommerce Variant- Set Model
Tags:
Was this article helpful to you? 1 1

How can we help?