🎨 Variation Wizard — Series 7 of 7 The summary slide is always the final step of any wizard. It displays a read-only review of every selection the customer made — color, style, text, quantities — alongside the product price. The Add to Cart button lives here. Customers can go back to any previous step […]
Variation Wizard
NP Matrix: Simple 3D vs Full Wizard — Choosing the Right Product Mode
🔀 Setup & Reference Product Mode is the single setting that determines whether a product uses the standard WooCommerce checkout flow or the NP Variation Wizard guided configurator. Set it in the NexPoint 3D Configurator metabox on the product edit page. Side-by-Side Comparison Simple 3D Full Wizard Add-to-cart UI Standard WooCommerce dropdowns + Add to […]
NP Variation Wizard: Size-Qty Slide — Per-Size Bulk Ordering
🎨 Variation Wizard — Series 6 of 7 The size-qty slide presents a quantity input for each available size simultaneously. Customers can order multiple sizes in one step — entering 3 Smalls, 5 Mediums, and 2 Larges in one view. The running total updates live as they type. This is designed for team orders, bulk […]
NP Variation Wizard: Image Slide — Visual Option Grid
🎨 Variation Wizard — Series 4 of 7 The image slide presents product options as a grid of thumbnail images. Each image maps to a WooCommerce attribute term. Customers tap an image to select it. Ideal for logo selection, pattern choices, graphic options, or any decision where the visual itself communicates better than a label […]
NP Variation Wizard: Text Slide — Custom Text and Engraving
🎨 Variation Wizard — Series 5 of 7 The text slide presents a text input field where customers can enter custom personalization — a name, number, engraving message, team name, or any other free-form text. The entered value is stored as WooCommerce order line-item meta and appears on the order details, emails, and admin views. […]
NP Variation Wizard: Grouped Slide — Option Buttons
🎨 Variation Wizard — Series 3 of 7 The grouped slide presents product options as pill-style buttons. Customers tap one to select it. This works best for choices that aren’t visual colors — material type, finish, style, or fit — where a text label communicates the option better than a swatch or image. Configuration Fields […]
NP Variation Wizard: Color Slide — Live 3D Swatches
🎨 Variation Wizard — Series 2 of 7 The color slide presents circular color swatches to the customer. When they tap a swatch, the Wizard fires a live event that updates the corresponding material(s) on the 3D model in real time — no page reload. This is the most visually impactful slide type and the […]
NP Variation Wizard: Overview and Getting Started
🎨 Variation Wizard — Series 1 of 7 The NP Variation Wizard replaces the standard WooCommerce add-to-cart form with a guided, step-by-step product configurator. Instead of dropdowns and a single button, customers move through a multi-slide wizard where each step represents one product decision — color, style, size, personalization — with the 3D model updating […]