Liquid、JavaScriptなどに関する質問
iphone だけ、商品に選択肢があると、カートに入れるボタンを2回押さないとカートに入りません。アンドロイドは問題なく1度でカートに入ります。
これは、誤タップ防止などの使用なのでしょうか?
私が利用しているのは、有料のテーマで、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
上記をまず、コメントアウトするか消してみてください。
状況が変わらなければ、問題は別にあるため、その他の検証が必要です。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024