Dawn 13.0.0のテーマで、スマホ表示時に商品詳細ページのメイン画像をスワイプすると、画像が一気に2〜3枚飛んでしまう問題が報告されています。サムネイルをタップした場合は1枚ずつスムーズに移動しますが、スワイプ操作では挙動が不安定です。
デバイスによる違い:
検証結果:
Dawn 13.0.1の公式デモサイトで確認したところ、Android端末では同様の問題が再現されましたが、iPhoneでは問題なく動作しました。OS間の差異が原因と考えられ、カスタムコードやアプリの影響も可能性として挙げられています。現在、別角度からの調査が進行中です。
Dawn 13.0.0を使っています。
商品詳細ページのスマホ表示時のスワイプ移動が速すぎて困っています。
現在、スマホ表示の場合はサムネイルが下に出るようにしています。そのため、サムネイルをタップすれば一つ横にスムーズに動きます。しかし、メイン画像の部分をスワイプすると一気に２つも３つも瞬時に動いてしまい使いにくいです。
この挙動を例えば
・スワイプすると一つだけ横に動く
・スワイプするとフェードイン/アウトの挙動で１つしか動かない
などのカスタマイズはできないでしょうか？
ソースのカスタマイズもある程度は理解ありますので、何かアドバイスいただければ幸いです。
また、dawnの商品詳細ページに使われているスライダーのライブラリが何か教えてもらえるだけでも助かります。
@ODB 様
Dawn 13.0.0は確認できていないのですが、
Dawn 13.0.1がリリースされているため、そちらで確認いたしました。
スマートフォン実機でも確認しましたが、
メイン画像をスワイプした場合、
おっしゃっているような挙動にはならず、
1枚ずつ移動するようでした。
こちらでDawn13.0.1の挙動を確認できます。
https://theme-dawn-demo.myshopify.com/
もし、こちらをご確認いただき問題ないようでしたら、
Dawn 13.0.1を利用いただくことで問題が解決するかもしれません。
逆に、Dawn 13.0.1でも同じ現象が発生する場合、
質問者様が導入されているアプリや、コードカスタマイズの影響も考えられます。
ご参考まで。
(キュー田辺)
ご返信いただきありがとうございます。
リンクを頂いた
https://theme-dawn-demo.myshopify.com/
こちらをスマホ（android）から確認したのですが、このデモサイトでもやはり跳ねるような動きとなってしまいました。
ただ、ふと気になり試しにサブのiPhoneで見ると跳ねるような動きはありませんでした。（Dawn 13.0.0の自サイトも同じく一つずつ動きました）
androidだと、ゆっくり動かしたりタップするだけなら一つずつ動くのですが、ピュッとスライドさせると一気に何枚も移動してしまいます。
Instagramで同様の動作をしてもかならず1枚ずつスライドしてくれます。
shopifyでもInstagramのように、力加減などにかかわらず一枚ずつ動いてくれるといいなと思っております。
どうやらOSによる差異のようなので、別な角度で調べてみます。
この度はアドバイスありがとうございました。
良い気付きとなり感謝しております。