Why doesn't selected variant change the product photo but other times it does?

[Pajchel]

I can't figure this out. When I load the page there is a chance that product photos with variants won't work, then I reload the page and then they work, but customer won't be reloading the page to see if it works. Sometimes it doesn't work even after reloading.

[lynth]

Hi, share your URL, please. 

[Pajchel]

https://pawnap.store/products/glow-stitch

[lynth]

there is a problem with the resetProductFormState function in your JS file.

resetProductFormState() {
  const productForm = this.productForm;
  productForm?.toggleSubmitButton(true);
  productForm?.handleErrorMessage();
}

You can see in the console: 

Uncaught TypeError: productForm?.toggleSubmitButton is not a function

If the issue disappears after a page reload, it suggests a timing issue - your script might be running before productForm is properly initialized.

[Pajchel]

What function does it serve? I commented it out and now it seems to be working. Can I live without it?

[lynth · Accepted solution]

I think it can prevent fast clicking on the Add to cart button. Try to click it fast 10 times for example. But in general, it works after commented.