Descrición
Transform your standard WooCommerce store into an engaging, interactive 3D virtual showroom powered by WebGL and Three.js — without requiring 3D models or complex rendering pipelines!
WooBaba automatically builds double-sided exhibition kiosks directly from your existing 2D product images, categories, and inventory data. Give your shoppers a memorable spatial walkthrough on desktop, tablet, and mobile devices.
Key Features
- Instant 2D-to-3D Architecture: Converts standard product images and attributes into realistic display kiosks with zero 3D modeling overhead.
- Interactive 3D Walkthrough: Ultra-smooth 60FPS navigation with natural camera motion for desktop trackpads/mice and mobile touch controls.
- Magnetic Double-Click Snapping: Double-click or double-tap any product poster to smoothly slide and align the camera right in front of the kiosk.
- Integrated Product Details & Variations: Interactive popups showcasing product descriptions, variable attributes (sizes, colors), and image gallery previews directly inside the 3D space.
- WooCommerce Cart Sync: Direct integration with WooCommerce Store API for live item counts, real-time totals, and instant add-to-cart operations.
- Built-in Category Drawer & Search: Visitors can search by keywords or filter by product categories on the fly without reloading the scene.
- Environment Appearance Customization: Fine-tune solid color tints over realistic plaster walls, parquet wood floors, ceilings, and baseboard moldings.
- Configurable Frontend Trigger: Optional floating action button with custom label and position control (bottom-right / bottom-left) to let shoppers easily enter the showroom.
- Zero Overhead on Normal Pages: The WebGL engine only loads on your designated 3D gallery URL route, keeping normal shop and checkout pages lightweight and SEO-friendly.
Capturas




Instalación
- Upload the plugin files to the
/wp-content/plugins/baba-3d-gallerydirectory, or install it via the WordPress Plugins menu. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Ensure WooCommerce is installed and active.
- Navigate to WooBaba in your WordPress admin menu to configure your custom showroom slug, floating button, and environment colors.
- Visit your configured 3D gallery URL (e.g.,
yoursite.com/3d-gallery/) to explore the showroom.
Preguntas frecuentes
-
Do I need 3D models (.GLB or .OBJ) for every product?
-
No. WooBaba automatically generates interactive 3D kiosks using your existing standard 2D WooCommerce product images and attributes.
-
Does this support variable products (size, color, etc.)?
-
Yes. Shoppers can view and select product variations directly from the interactive kiosk popup inside the 3D space.
-
Will this slow down my standard WooCommerce pages?
-
No. The Three.js WebGL rendering pipeline is completely isolated to your custom 3D gallery route. Standard shop, single product, cart, and checkout pages remain untouched.
-
Yes. You can toggle the floating button on or off, edit its label, and choose between bottom-right or bottom-left placement directly in the WooBaba admin settings.
Comentarios
Non hai recensións para este plugin.
Colaboradores e desenvolvedores
“Baba 3D Gallery for WooCommerce” é un software de código aberto. As seguintes persoas colaboraron con este plugin.
ColaboradoresTraduce “Baba 3D Gallery for WooCommerce” ao teu idioma.
Interesado no desenvolvemento?
Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.
Rexistro de cambios
2.1.0
- Initial public release on WordPress.org.
- Interactive 3D gallery showroom powered by Three.js and WebGL.
- Magnetic double-click camera snapping for smooth kiosk framing.
- Integrated product detail panel with variation attribute support.
- Direct WooCommerce cart synchronization with real-time total updates.
- Multi-level category drawer and instant keyword search.
- Color tint customization for walls, floors, ceilings, and baseboard moldings.
- Configurable frontend floating trigger with position and label settings.
- Seamless full-page canvas routing preserving standard WordPress template hierarchy.
