Liquid、JavaScriptなどに関する質問
Dawnテーマでショプを作成しており、コレクションページごとに画像バナーを表示させたいと思います。具体的に、
全部で4つのコレクションページがあります。
ページAに画像バナーAを表示させる
ページBに画像バナーBを表示させる
ページCに 画像バナーCを表示させる
ページDに画像バナーDを表示させる
問題点:
編集画面ではページごとに画像バナーを設定することができなく、全てのコレクションページは同じ画像バナーになってしまいます。theme.liqudに<script>タグを追加し、if文(URLを取得して条件分岐させる)で試してみましたが、うまくいかず実現できませんでした。
設定方法をご存知の方教えていただけますか?
よろしくお願い致します。
解決済! ベストソリューションを見る。
成功
はじめまして
株式会社Tsunの吉谷と申します。
コクレション毎にバナーを出し分ける簡単な方法として下記2つの方法があると考えています。
方法1:コレクション毎にコレクションテンプレートを作成する
手順
1.テーマエディタを開く
2.コレクションA用のコレクションテンプレートAを新規で作成
3.コレクションテンプレートAにバナー画像Aを設定
4.コレクションAにコレクションテンプレートAを適用する
参考ページ
方法2:コレクションの説明にバナー画像を挿入する
以上になります
参考になりましたら幸いです。
成功
はじめまして
株式会社Tsunの吉谷と申します。
コクレション毎にバナーを出し分ける簡単な方法として下記2つの方法があると考えています。
方法1:コレクション毎にコレクションテンプレートを作成する
手順
1.テーマエディタを開く
2.コレクションA用のコレクションテンプレートAを新規で作成
3.コレクションテンプレートAにバナー画像Aを設定
4.コレクションAにコレクションテンプレートAを適用する
参考ページ
方法2:コレクションの説明にバナー画像を挿入する
以上になります
参考になりましたら幸いです。
吉谷さま
ご教示いただきありがとうございます。
コード編集しなくても実現できる方法は知りませんでした。
頂いた方法1で実現できました!心から感謝いたします。
貴重な時間をいただき本当にありがとうございます!
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