Selecting A Variant Before Add To Cart

Topic summary

A user wants to modify their product page so the “Add to Cart” button only appears after a size is selected. Currently, the button should display “Select a Size” until a variant is chosen.

Current Issue:

  • When the product page loads, size “S” is displayed by default and the “Add to Cart” button appears normally
  • However, switching to other sizes and back to “S” causes a “Sold Out” button to appear incorrectly

Troubleshooting Questions Raised:

  • Has the theme code been modified?
  • Are any third-party discount apps installed?
  • The feature works correctly in other stores, suggesting a store-specific configuration issue

The discussion remains open with no solution provided yet. Images were shared showing the problematic behavior.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

I want to show add to cart button after selecting the size before it should show select a size how see in dawn theme

1 Like

Hello, could you please provide the URL of your store?

https://applefashion01.myshopify.com
password :1

Have you modified the code of the theme you’re currently using? Or have you installed any third-party discount apps? I see that this feature works fine in my store, but it seems there’s an issue with yours.

The first image below shows that when the product detail page is loaded, the size “S” is displayed by default. At this point, the “Add to Cart” button appears normally. However, when switching to other sizes and then back to size “S,” the “Sold Out” button appears. This is indeed a problem.

Have you modified the code?