Title: Noorifa &#8211; Display WooCommerce Product Variations in 3D
Author: noorealam
Published: <strong>15 ліпеня, 2026</strong>
Last modified: 16 ліпеня, 2026

---

Пошук плагінаў

![](https://ps.w.org/noorifa/assets/banner-772x250.png?rev=3610059)

![](https://ps.w.org/noorifa/assets/icon-128x128.png?rev=3610059)

# Noorifa – Display WooCommerce Product Variations in 3D

 Аўтар: [noorealam](https://profiles.wordpress.org/noorealam/)

[Спампаваць](https://downloads.wordpress.org/plugin/noorifa.1.0.0.zip)

 * [Падрабязнасці](https://bel.wordpress.org/plugins/noorifa/#description)
 * [Водгукі](https://bel.wordpress.org/plugins/noorifa/#reviews)
 *  [Ўсталёўка](https://bel.wordpress.org/plugins/noorifa/#installation)
 * [Распрацоўка](https://bel.wordpress.org/plugins/noorifa/#developers)

 [Падтрымка](https://wordpress.org/support/plugin/noorifa/)

## Апісанне

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](https://noor-e-alam.com/noorifa/) | [Documentation](https://noor-e-alam.com/noorifa/user-guide.html)

**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.

## Ўсталёўка

 1. Upload the plugin files to the `/wp-content/plugins/noorifa` directory, or install
    the plugin through the WordPress plugins screen.
 2. Activate the plugin through the “Plugins” screen.
 3. Make sure WooCommerce is installed and active.
 4. Edit a product and open the “Noorifa – 3D Product Viewer” box to configure it.

## Часта задаваныя пытанні

### Does Noorifa work with any WooCommerce theme?

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 — including
block/FSE themes that render the gallery as an independent Gutenberg block.

### Does Noorifa require WooCommerce?

Yes, WooCommerce must be installed and active. Noorifa will show an admin notice
and stay inactive if it is missing.

### Will Noorifa conflict with other plugins?

Noorifa namespaces all of its code, prefixes every hook, option and meta key with`
noorifa`/`_noorifa_`, and does not bundle a Composer autoloader, avoiding the most
common causes of plugin-to-plugin conflicts.

### Does Noorifa send any data to external services?

No. See “External services” below.

## Водгукі

На гэты плагін няма водгукаў.

## Удзельнікі і распрацоўшчыкі

“Noorifa – Display WooCommerce Product Variations in 3D” з’яўляецца праграмным забеспячэннем
з адкрытым зыходным кодам. Наступныя людзі ўнеслі свой уклад у гэты плагін.

Удзельнікі

 *   [ noorealam ](https://profiles.wordpress.org/noorealam/)

[Перакласці “Noorifa – Display WooCommerce Product Variations in 3D” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/noorifa)

### Зацікаўлены ў распрацоўцы?

[Праглядзіце код](https://plugins.trac.wordpress.org/browser/noorifa/), праверце
[SVN рэпазітарый](https://plugins.svn.wordpress.org/noorifa/), або падпішыцеся на
[журнал распрацоўкі](https://plugins.trac.wordpress.org/log/noorifa/) па [RSS](https://plugins.trac.wordpress.org/log/noorifa/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змяненняў

#### 1.0.0

 * Initial release

## Мета

 *  Версія **1.0.0**
 *  Апошняе абнаўленне **2 месяцы таму**
 *  Актыўных установак **Менш за 10**
 *  Версія WordPress ** 6.3 або вышэй **
 *  Правераны да версіі **7.0.6**
 *  Версія PHP ** 8.1 або вышэй **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/noorifa/)
 * Тэгі
 * [3d](https://bel.wordpress.org/plugins/tags/3d/)[product gallery](https://bel.wordpress.org/plugins/tags/product-gallery/)
   [product viewer](https://bel.wordpress.org/plugins/tags/product-viewer/)[variation](https://bel.wordpress.org/plugins/tags/variation/)
   [woocommerce](https://bel.wordpress.org/plugins/tags/woocommerce/)
 *  [Пашыраны прагляд](https://bel.wordpress.org/plugins/noorifa/advanced/)

## Ацэнкі

Пакуль яшчэ няма водгукаў.

[Ваш водгук](https://wordpress.org/support/plugin/noorifa/reviews/#new-post)

[Паглядзець усе водгукі](https://wordpress.org/support/plugin/noorifa/reviews/)

## Удзельнікі

 *   [ noorealam ](https://profiles.wordpress.org/noorealam/)

## Падтрымка

Ёсць што сказаць? Патрэбна дапамога?

 [Перайсці да форуму падтрымкі](https://wordpress.org/support/plugin/noorifa/)