Product configurator

1. Choose New product, name it, and select a clean front photo from the Media Library. Add a back photo using the Back tab.
2. For finished artwork, choose + PNG image layer and upload a transparent body, collar, thread or belt image. Drag its box or corners to align it. Or choose + Draw colour panel and click around a fabric panel, then Finish drawing.
3. For stitch photos, use a transparent PNG layer. For drawn seams, choose + Draw stitching. In Move / resize mode drag the entire layer or a corner. Switch to Edit outline only when individual points need adjustment.
4. Use the same Colour control name for panels that should change together on front and back. Select a layer to set its preview colour.
5. Add size, fabric or other choices under Customer options. Save as Draft and open the admin preview to check it.
6. Choose Published and Save product when ready. Enter a WooCommerce product ID to add a Customize this product link to that product page.

Publishing the BJJ Gi setup replaces the current gi configurator. Export your setup before major changes. This is a photo-based configurator; it does not create 3D models or automatic production patterns.