🎨 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 or swatch.
Configuration Fields
| Field | What to Enter |
|---|---|
| Slide Title | Step heading, e.g. “Choose Logo”, “Select Pattern”, “Pick Graphic” |
| WooCommerce Attribute | The pa_* attribute whose terms define the image options |
ℹ️ Each WooCommerce attribute term needs a thumbnail image assigned to it. Set term images in Products → Attributes → [attribute] → Edit term → Term image.
Frontend Result
Image grid slide — thumbnail selected, highlighted with blue border
Choose Logo
Logo A
Logo B
Logo C
Logo D
Selected: Logo A
← Back
Continue →
✅ Best use: Logo or emblem selection where customers need to see the actual design. Keep thumbnails square and consistent in size for clean grid presentation.
Ready to add 3D to your WooCommerce store?
Get the NP Matrix plugin suite or try it instantly — no install required.
The playground runs entirely in your browser — no account needed.