內容簡介
Noorifa 外掛為您的 WooCommerce 商店增添互動式 3D 產品檢視器，專注於產品的互動展示與視覺化，讓顧客能夠更直觀地了解產品外觀，提升購物體驗。
【主要功能】
• WooCommerce 產品編輯器中的 Noorifa 配置選項
• 每個產品上傳 .glb/.gltf 3D 模型
• 定義外觀系統，支援顏色與材質切換
• WooCommerce 屬性映射，獨立切換不同外觀
• 前端 3D 檢視器，支援顏色/材質選擇器
• 互動檢視器優雅回退至產品畫廊
外掛標籤
開發者團隊
② 後台搜尋「Noorifa – Display WooCommerce Product Variations in 3D」→ 直接安裝（推薦）
原文外掛簡介
Noorifa adds an interactive 3D product viewer to your WooCommerce store. WooCommerce remains fully responsible for products, pricing, inventory, variations, cart, checkout and orders — Noorifa focuses exclusively on interactive presentation, appearance switching and visualization.
Live Demo | Documentation
Features
* Noorifa configuration metabox inside the WooCommerce product editor, with per-product enable/disable.
* Upload a .glb/.gltf 3D model per product, with automatic mesh detection (including Draco-compressed models).
* Appearance system: define named looks (e.g. “Red”, “Oak Wood”) and assign a flat color, an image texture (with adjustable tile scale), or leave a mesh at its model’s original material.
* WooCommerce attribute mapping: connect one or more product attributes (e.g. “Color” and, independently, “Material”) to appearances, so different meshes can be switched independently at the same time.
* Frontend 3D viewer with swatch-style color/texture selectors that drive WooCommerce’s own variation selection — price, stock and add-to-cart keep working exactly as WooCommerce already handles them.
* Graceful fallback: the interactive viewer only replaces the product gallery once the model has actually finished loading in the customer’s browser. If 3D isn’t supported, JavaScript is disabled, or the model fails to load, the customer simply sees WooCommerce’s normal product gallery.
Requirements
WooCommerce must be installed and active.
PHP 8.1 or higher.
External services
Noorifa does not connect to any external service, API, or CDN at runtime. It bundles its own copies of the following open-source JavaScript libraries so nothing is ever fetched from a third party:
Three.js (MIT License) — WebGL 3D rendering engine, used to display and light the uploaded 3D model.
Google Draco (Apache License 2.0) — mesh decompression library, used only to decode Draco-compressed .glb/.gltf files entirely in the visitor’s browser. Only the pure-JavaScript decoder build is bundled.
All uploaded 3D models and images are stored in, and served from, your own WordPress Media Library.
