Noorifa adds an interactive 3D product viewer to your WooCommerce store. WooCommerce remains fully responsible for products, pricing, inventory, variations, cart, checkout and orders \u2014 Noorifa focuses exclusively on interactive presentation, appearance switching and visualization.<\/p>\n\n
https:\/\/www.youtube.com\/watch?v=yI84DVha0wI<\/p>\n\n
Live Demo<\/a> | Documentation<\/a><\/p>\n\n Features<\/strong>\n* Noorifa configuration metabox inside the WooCommerce product editor, with per-product enable\/disable.\n* Upload a 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:<\/p>\n\n All uploaded 3D models and images are stored in, and served from, your own WordPress Media Library.<\/p>\n\n\n Yes, on a best-effort basis. Noorifa hooks into standard WooCommerce actions and moves its viewer inside WooCommerce's own product gallery element once the model loads, so it inherits whatever layout the active theme already applies there \u2014 including block\/FSE themes that render the gallery as an independent Gutenberg block.<\/p><\/dd>\n Yes, WooCommerce must be installed and active. Noorifa will show an admin notice and stay inactive if it is missing.<\/p><\/dd>\n Noorifa namespaces all of its code, prefixes every hook, option and meta key with No. See \"External services\" below.<\/p><\/dd>\n\n<\/dl>\n\n\n.glb<\/code>\/.gltf<\/code> 3D model per product, with automatic mesh detection (including Draco-compressed models).\n* 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.\n* 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.\n* Frontend 3D viewer with swatch-style color\/texture selectors that drive WooCommerce's own variation selection \u2014 price, stock and add-to-cart keep working exactly as WooCommerce already handles them.\n* 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.<\/p>\n\nRequirements<\/h4>\n\n
\n
External services<\/h3>\n\n
\n
.glb<\/code>\/.gltf<\/code> files entirely in the visitor's browser. Only the pure-JavaScript decoder build is bundled.<\/li>\n<\/ul>\n\n\n
\/wp-content\/plugins\/noorifa<\/code> directory, or install the plugin through the WordPress plugins screen.<\/li>\n\n
Does Noorifa work with any WooCommerce theme?<\/h3><\/dt>\n
Does Noorifa require WooCommerce?<\/h3><\/dt>\n
Will Noorifa conflict with other plugins?<\/h3><\/dt>\n
noorifa<\/code>\/_noorifa_<\/code>, and does not bundle a Composer autoloader, avoiding the most common causes of plugin-to-plugin conflicts.<\/p><\/dd>\nDoes Noorifa send any data to external services?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n
\n