Shopify Garment Customizer Build

I need to rebuild the main product page of my Shopify store so shoppers can configure garments in real time. The new layout must let them decide whether a blank item is fine or if they want it printed, then let them choose between DTF and DTG printing (both methods must be supported). From there they should pick print size and position, upload their artwork, and instantly see updated pricing that reflects every option and the total quantity.

The flow has to feel native to Shopify, not like a bolted-on iframe. Liquid, Ajax, metafields (or the newer metaobjects), and any required custom apps are fine as long as the page loads quickly and the cart receives the correct variant data. Dynamic pricing rules can live in the theme, a Shopify Function, or a private app—whatever keeps maintenance simple.

Deliverables I will test against:
• A redesigned product template with step-by-step selectors for print/no-print, printing method (DTF or DTG), print size, and position
• Image uploader that accepts PNG, JPG, and PDF and previews it on the mock-up
• Live price recalculation tied to option choices and quantity breaks
• Clean, documented code so future products can use the same template without manual edits
• Final deployment on my live theme after staging approval

Please factor in responsive behavior and WCAG-friendly form elements; most customers order from mobile.