I need my Shopify store to let shoppers personalize items directly on each product page. The flow is straightforward: while viewing a new section "studio" the customer should be able to (1) type custom text, (2) upload an image or logo, and (3) select color and size variants—all before clicking “Add to cart.” The custom data has to stay attached to the item all the way through checkout and show up clearly in the order details inside the admin. I’m using a standard, Online-Store-2.0–compatible theme, so please work with Liquid, theme-app extensions, JavaScript, and Shopify’s line-item properties rather than hacking core theme files. A lightweight, mobile-friendly UI is essential; I don’t want page speed penalties. below is an example of exactly what i need built. same functions exactly. https://www.dcmouthguards.com/tools/design-your-mouthguard?id=43569470767285&pid=7636858831029&scPrice=126.97999999999999×tamp=1771915779463&variantId=43569470767285 Deliverables • Fully functional text field, image uploader, and color/size selectors on every relevant product template • Clean, commented Liquid/JS/CSS or an embedded app block that I can enable/disable without touching code • QA on desktop and mobile across the latest Chrome, Safari, Firefox, and Edge • A short hand-off note explaining how I can edit labels, limits (e.g., max image size), and translate the inputs later I’m ready to give theme access as a collaborator as soon as we agree on a timeframe. Let me know how you plan to tackle the image handling and any existing apps or libraries you’d leverage so we can keep maintenance simple going forward.