ページ偏移時のアニメーションについて

日本語 ディスカッション Shopify テーマ
1

コミュニティでの質問が初めてのため、

至らない点があるかとは思いますがよろしくお願いいたします。

現在Dawnのテーマを使用してサイト運営を行っているのですが、

全ページ間の移動の際にデフォルトではパッと切り替わるところを、

フェードのように偏移するように設定する方法をお伺いしたいです。

（イメージとしては土屋鞄のHPのような感じです）

ページアニメーションのアプリも特に見つからず、

コード編集だと1から考えるのは難しいためこちらで質問させていただきました。

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

2

@Anonymous

こんにちは！

土屋鞄さんの場合、下記のテーマではないでしょうか。

https://themes.shopify.com/themes/prestige/styles/couture?locale=ja

下記にデモのリンクを掲載しておきます。

https://themes.shopify.com/themes/prestige/styles/couture/preview

3

こんにちは！

迅速なご返信ありがとうございます。

やはりアプリやコードではなく、

テーマから変える必要があるのでしょうか…？

4

@Anonymous

コードでしたら 前回お送りしましたPrestigeテーマのbody直下にあるPageOverlay, PageTransitionあたりを流用し、CSSとJavaScriptを合わせれば実現できるのかなと思います。

アプリの場合、ご利用のテーマによってはうまく動作しないケース（ページロード時のフェードイン等が既にある場合など）が存在するかと思いますので、難しいかもしれません。

5

アプリよりはコードの方が現実的ということですね。

ありがとうございます！