EasyThree WordPress Plugin Overview

The EasyThree WordPress plugin serves as a bridge between your application and your WordPress WooCommerce website.
Specifically, it links your exported 3D scene to the corresponding product in your online store.

Configuration

To configure the plugin settings, navigate to: Tools → EasyThree Plugin

Features

• Adds a new WooCommerce attribute type, allowing your app to store attributes and attribute terms directly in your web store.
• Displays an iFrame containing the 3D scene, listens for messages, and manages product variations.
• Includes a security setting to define the allowed URL from which messages can be received and processed. This helps prevent unauthorized cross-origin communication.
  • Use "*" to allow messages from any domain (not recommended for production).
  • You can specify the allowed URL in the plugin settings.

Styling

You can add custom CSS to style variation image thumbnails and the iFrame to match your theme:

• On first visit, the default style.css is loaded.
• After that, you can add, edit, or delete any CSS class or ID.
• Image swatches are rendered in <a> tags with the class .easyThreeImage.
• The iFrame uses the class .responsive-iframe and is wrapped in a <div> with the class .iframeContainer.
• Although EasyThree automatically reads and sets the iFrame size, you may want to manually adjust some values for better layout control.

Use the Reset button to restore the default CSS.