Dawn コレクションページごとに画像を表示させたい

[YMD002]

Dawnテーマでショプを作成しており、コレクションページごとに画像バナーを表示させたいと思います。具体的に、

全部で４つのコレクションページがあります。

ページAに画像バナーAを表示させる

ページBに画像バナーBを表示させる

ページCに 画像バナーCを表示させる

ページDに画像バナーDを表示させる

問題点：

編集画面ではページごとに画像バナーを設定することができなく、全てのコレクションページは同じ画像バナーになってしまいます。theme.liqudに＜script＞タグを追加し、if文（URLを取得して条件分岐させる）で試してみましたが、うまくいかず実現できませんでした。

設定方法をご存知の方教えていただけますか？

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

[kyoshi_株式会社Tsun · Accepted solution]

はじめまして

株式会社Tsunの吉谷と申します。

コクレション毎にバナーを出し分ける簡単な方法として下記２つの方法があると考えています。

方法１：コレクション毎にコレクションテンプレートを作成する

手順

１．テーマエディタを開く

２．コレクションA用のコレクションテンプレートAを新規で作成

３．コレクションテンプレートAにバナー画像Aを設定

４．コレクションAにコレクションテンプレートAを適用する

参考ページ

新しいテンプレートを作成する｜Shopifyヘルプセンター

新しいテンプレートを適用する｜Shopifyヘルプセンター

方法２：コレクションの説明にバナー画像を挿入する

 

以上になります

参考になりましたら幸いです。

[YMD002]

吉谷さま

ご教示いただきありがとうございます。

コード編集しなくても実現できる方法は知りませんでした。

頂いた方法１で実現できました！心から感謝いたします。

貴重な時間をいただき本当にありがとうございます！