コミュニティでの質問が初めてのため、
至らない点があるかとは思いますがよろしくお願いいたします。
現在Dawnのテーマを使用してサイト運営を行っているのですが、
全ページ間の移動の際にデフォルトではパッと切り替わるところを、
フェードのように偏移するように設定する方法をお伺いしたいです。
（イメージとしては土屋鞄のHPのような感じです）
ページアニメーションのアプリも特に見つからず、
コード編集だと1から考えるのは難しいためこちらで質問させていただきました。
よろしくお願い致します。
Topic summary
Dawnテーマで、ページ間遷移を即時切り替えではなくフェードのように滑らかに見せたいという要望。
参考として、土屋鞄の挙動に近いPrestigeテーマが提示され、デモリンクが共有された。
実装案は2つ：
- テーマ変更：Prestigeの採用で同様の効果が期待可能。
- コード実装：Prestigeのbody直下にあるPageOverlay／PageTransitionの仕組みを流用し、CSSとJavaScriptを組み合わせてDawnに組み込む。
アプリ利用は、テーマ側に既存のページロード時フェードなどがあると干渉しやすく、動作が不安定になり得るため非推奨との見解。
現時点の方向性としては、アプリよりコード実装の方が現実的という合意。ただし具体的なコードや手順は未提示。
結論は未確定。次のアクションはPrestigeの該当パーツを調査し、Dawnへの適用方法を検討すること。外部リンク（テーマ紹介・デモ）が参照資料として中心的。
こんにちは！
土屋鞄さんの場合、下記のテーマではないでしょうか。
https://themes.shopify.com/themes/prestige/styles/couture?locale=ja
下記にデモのリンクを掲載しておきます。
https://themes.shopify.com/themes/prestige/styles/couture/preview
こんにちは！
迅速なご返信ありがとうございます。
やはりアプリやコードではなく、
テーマから変える必要があるのでしょうか…？
コードでしたら 前回お送りしましたPrestigeテーマのbody直下にあるPageOverlay, PageTransitionあたりを流用し、CSSとJavaScriptを合わせれば実現できるのかなと思います。
アプリの場合、ご利用のテーマによってはうまく動作しないケース（ページロード時のフェードイン等が既にある場合など）が存在するかと思いますので、難しいかもしれません。
アプリよりはコードの方が現実的ということですね。
ありがとうございます！