iphoneだとカートに入れるボタンを2回押さないとカートに入らない

iphone だけ、**商品に選択肢があると、**カートに入れるボタンを2回押さないとカートに入りません。アンドロイドは問題なく1度でカートに入ります。

これは、誤タップ防止などの使用なのでしょうか?

https://capellabeauty.com/

私が利用しているのは、有料のテーマで、Broadcast というテーマで、同様に英語です。

https://themes.shopify.com/themes/broadcast/styles/clean

コンバージョンが落ちてしまうので、1回のクリックでカートに入るようにしたいのですが、どこを直せば良いのかわかりません。

お分かりの方がいらしたら、ご教授頂ければ幸いです。

よろしくお願い致します。

まずご確認頂きたいのですが、同様のテスト環境で

https://themes.shopify.com/themes/broadcast/styles/clean/preview

からカートに入れたときに、やはり2回クリックが必要になりますでしょうか?

こういった場合のほとんどの原因が、iPhoneのホバー問題です。カートボタンをタップした際に色が変更される挙動が、カートに商品を入れる挙動よりも優先されてしまっているかと思います。

参考までに
https://nldot.info/if-you-dont-touch-the-iphone-twice-and-the-link-doesnt-fly-how-do-you-handle-it/

CSS,SCSSを触ることができれば、テーマをコピーし、開発環境を作って、該当のhoverを外してみてはいかがでしょうか?これで動けば原因はhoverです。

.product__submit–spb .product__submit__add:hover

上記をまず、コメントアウトするか消してみてください。

状況が変わらなければ、問題は別にあるため、その他の検証が必要です。

1 Like