How to make a button inactive until the user selects a size

Shopify Discussion
,
1

Theme: Baseline Issue: The default size is the smallest available. Desired Result: The size should not be selected by default, and when the user clicks on the "buy" button, the message "select size" should be displayed in this case

2

Theme: Baseline
Issue: The default size is the smallest available.
Desired Result: The size should not be selected by default, and when the user clicks on the “buy” button, the message “select size” should be displayed in this case

3

Hi,

  1. Please add a link to your store.
  2. Baseline is a paid theme so we might need code snippets to suggest.
  3. You will have to find the section of code which has the form - could be a section called product page or something or could be a snippet called product form (not sure)
  4. Then have a line in the variant loop called Select Size which is disabled.
  5. So user is forced to select a different size before clicking
4

https://farfiworldwide.com/

5

Could you add the code of the product page (specifically the form section) of your theme so I can advise what code changes to make.

6
{{ value }}