FROM CACHE - jp_header

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

Okakids
観光客
7 0 0

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

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

https://capellabeauty.com/

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

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

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

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

 

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

2件の返信2
株式会社フルバランス
Shopify Partner
338 100 314

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

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

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

株式会社フルバランス(Shopify Experts)
東京・高田馬場 18期目のWebデザイン・システム制作会社です。Shopify / Shopify Plusの制作・運営をサポートしております。
https://fbl.jp/
S-Yamane
遊覧客
18 7 20

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

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

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

-カスタマイズやっています。
--Shopify開発に興味のある関西在住の方、採用募集中です。
---お気軽にご連絡ください。