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
1470 519 651

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

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

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

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

S-Yamane
Shopify Partner
19 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開発に興味のある関西在住の方、採用募集中です。
---お気軽にご連絡ください。