I am using Dawn theme latest version, in product page a simple Add to cart button
I want it same as this website , how to do it, can anyone help me
https://www.aybl.com/products/mens-essential-oversized-t-shirt-black
Topic summary
Goal: In Shopify’s Dawn theme, make shoppers select a size before they can add a product to cart, similar to the referenced Aybl product page.
Proposed approach (high-level, no code provided):
- Disable the auto-selection of the first product variant (so no size is preselected).
- Ensure the color option uses a selectable/checked UI for clarity.
- Add JavaScript to the Add to Cart button to intercept clicks: if no size is selected, show a prompt to choose a size; otherwise proceed to add to cart.
Status: Guidance acknowledged by the requester; no implementation details or code shared. No disagreements. Outcome is partial—actionable steps identified, but the solution remains unverified and open-ended.
1 Like
Hi @Hasan112 ,
I checked and it is a complicated request, you need to do the following steps:
1: Disable the selected first variant for the product page.
2: Enable checked for color variant.
3: Add JS code when click add to cart to show size selection or add to cart.
I hope it helps!
1 Like
Okay thanks
1 Like
Hi @Hasan112 ,
You’re welcome and happy to help 
1 Like