This page keeps the order flow and the size guide in one route. The user can move from fit selection to collar size, body measurements, and ordering without leaving the page.
Choose the shirt, choose the fit, confirm the size, then place the order with less guesswork.
The left side handles the order itself. The right side keeps the fit and size guide logic visible so the customer does not need to leave the page to understand what to choose.
Use this form as the front-end for email capture, manual review, or a connected checkout. The structure below is divided into product, fit, measurement, and contact fields.
These cards create a first decision layer before the size table. Each one gives room for a fit image and a plain explanation of who the fit is for.
Built for a sharper line through the body with less extra room at the waist and chest.
The middle option. Enough structure to look clean, enough ease to remain useful across most wardrobes.
Cut with added room through the body for a looser line and more casual movement.
The guide is arranged around a fit selector first, followed by a wider size table keyed to collar size, size category, and supporting body measurements.
Front view showing collar, placket, chest line, waist position, cuff placement, and the overall balance of the shirt through the body.
These blocks break the guide into separate checkpoints so the customer understands what each line in the table actually refers to.
Measure around the base of the neck with enough room for comfort, then choose the nearest size that keeps the collar clean rather than tight.
Check the width where the shirt sits under the arm and again at the waist point so the selected fit matches the body you are dressing, not just the collar.
Use sleeve length and centre back length to avoid a correct collar paired with a shirt that sits too short on the arm or body.
These extra placeholders give the order page somewhere to show fabric, collar, cuff, and stitching references while the customer configures the shirt.
Use this space for cloth handle, weave, or seasonal texture.
Use this space to compare semi-spread, cutaway, or band options.
Use this space to show the single cuff and French cuff side by side.
These process cards can sit beneath the form to tell the customer what happens after submission.
The customer submits the order or sends the form for review.
The atelier confirms the selected size or advises a try-on before final approval.
The order is approved, payment is taken, and the shirt moves into dispatch or production.
The page now combines the transaction step with a visible fit-and-size framework, a wider comparison table, front and back measurement toggles, and enough image placeholders to support fabrics, details, and measurement guidance.