In mobile version, it asks to add size twice and then only check out is enabled.

Topic summary

A mobile checkout issue requires customers to select a product size twice before the “Add to Cart” button becomes active, creating friction in the purchase flow.

Expected behavior:

  • Customer selects size once
  • Proceeds to add to cart
  • Completes checkout

Current problem:

  • Size must be selected twice before cart addition is enabled

Suggested troubleshooting approach:

  • Use browser inspect tool in mobile view to identify the cart button’s class name
  • Navigate to theme code editor and locate event listeners attached to that class
  • Check for JavaScript capabilities that may be triggering multiple times
  • Look for duplicate event listeners causing the size selection to require repeated input before the add-to-cart condition is met

The issue appears to stem from JavaScript event handling on the product page, potentially firing multiple times or not properly registering the initial size selection.

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

Hi,

In mobile version, its asking to add a size 2 times and then only its adding it to cart. Ideally customer should click on size they want and then proceed to add to cart and checkout after that.

Can someone please suggest a fix for this. below is website link

https://www.rivaajethnic.com/products/aditi-dabu-indigo-cotton-short-top?variant=48799773884600

Thanks

1 Like

open the site on Brosewr then go to inspect and change the view to mobile view and find the cart button class name where you find the issue
after finding the class go to edit code in your theme dashboard and find the event listener on that class.
“This can happen when the event listener adds multiple times by javascript”

Check assuming there are any JavaScript capabilities that are attached to the “Add to cart” button, yet in addition get set off when the size is chosen. This could cause the way of behaving where clients are provoked to pick a size once more.