Customwair Product Customizer
Professional WooCommerce plugin enabling multi-step product configurators with customization (embroidery/printing), dynamic bundles, and tiered pricing. Designed for professional clothing and uniform businesses, transforming a standard WooCommerce store into a complete B2B ordering platform with logo management and customizations.Visit Live SiteClick to expand
Click to expand
Click to expand
Click to expand
Project Overview
I developed Product Customizer Pro as a premium WooCommerce plugin for Customwair.com, a UK-based company specializing in professional workwear with embroidery and printing services. The plugin addresses specific needs of B2B clothing businesses: multi-size orders with different quantities per size, logo customization at various positions, volume-based pricing, and predefined bundle management.
The plugin features a guided multi-step configurator interface: color selection with carousel, size/quantity selection with real-time stock, customization step with logo position choices (embroidery/printing), and a summary with dynamically calculated pricing. The logo position management system supports predefined positions (chest, back, sleeves, nape, etc.) with garment type compatibility and method availability per position. Three configurable pricing grids handle garment discounts, embroidery pricing per piece/position with setup fees, and printing prices by technique and quantity.
Built with modular OOP architecture, the plugin comprises 5 custom database tables (step_templates, logo_positions, pricing_grids, bundles, order_customizations), 8+ PHP classes for admin/frontend/models/API, and a dedicated AJAX endpoint system. Security is ensured through nonces, capabilities checks, prepared statements, and output escaping. The frontend uses vanilla JavaScript ES6 with modules and a dedicated pricing calculator with debouncing. Full E2E test coverage is implemented with Playwright, and the plugin is HPOS-compatible for WooCommerce High-Performance Order Storage.