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

Okakids
観光客
7 0 0

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

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

https://capellabeauty.com/

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

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

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

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

 

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

0 件の「いいね!」
fullbalance
先駆者
230 52 248

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

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

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

Shopify Expertのフルバランスです。Shopify,Shopify Plusの制作・運営サポートをしております。

国内初のShopify書籍「商品売るならShopify」発売中です。

また6月に技術書を発売予定ですので、こちらもよろしければ手に取ってみてください

ご参考になりましたら、解決&ベストソリューション設定をいただけると嬉しいです
0 件の「いいね!」
S-Yamane
新規メンバー
5 0 1

こういった場合のほとんどの原因が、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

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

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

0 件の「いいね!」