Shopify テーマ、Liquid、ロゴ、その他の類似トピック
お世話になっております。
ネットで色々と調べましたが、いまいち有益な情報にたどり着けませんでしたので、質問させてください。
現在有料テーマ「Fashionopolism」にてサイト制作を行なっております。
トップページの任意のセクションの画像にスライドインアニメーションを使用したいです。(スクロールしていった際にアニメーション開始するようにしたいです。)
どの方法でアニメーションさせるのがよいのか(cssアニメーションを使用するのか、jsを使用するのかなど、なるべくページ表示速度を考慮した方法ですと助かります。)、
またその際に、どのファイルを編集していけばいいのか方法を教えていただきたく、ご質問させていただきました。
ご回答お待ちしておりますので、ご協力の方よろしくお願いいたします。
基本的には以下のようになるかと思います。
表示速度に関しては作り方次第としか言えませんが、この辺りは検索して色々出てくる速度改善の情報を参考にして判断いただく方がよいと思います。
該当のテーマは触ったことがないので具体的なことはわかりませんが、TOPページのみが対象ならindex.liquidに記載するのが簡単かもしれません。
またはtheme.liquidにifで分岐を作ってTOPページにのみ出力させる方法も検討できます。
なお、有料テーマに関しては販売元のサポートに相談されることもお勧めします。
[参考URL]
https://shopify.dev/docs/themes/theme-templates/index-liquid
https://shopify.dev/docs/themes/liquid/reference/objects/template
https://developers.google.com/web/fundamentals/performance/get-started?hl=ja
https://developer.mozilla.org/ja/docs/Tools/Performance
回答いただきありがとうございました。
こちらのテーマはAOSというJSのプラグインを使用しており、
対応しているJSファイルを修正することで、任意のアニメーションを使用でき、速度調整もすることができました。
ご丁寧に添付資料までいただき、ありがとうございました。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024