FROM CACHE - jp_header
解決済

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

YMD002
遊覧客
17 0 2

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

 

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

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

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

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

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

 

問題点:

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

 

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

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

1 件の受理された解決策

kyoshi_株式会社Tsun
Shopify Partner
173 61 44

成功

はじめまして

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

 

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

 

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

 

手順

1.テーマエディタを開く

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

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

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

 

参考ページ

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

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

 

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

CleanShot 2023-07-26 at 10.01.08@2x.png

 

 

以上になります

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

株式会社Tsun
RuffRuff 注文制限RuffRuff 予約販売などのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリも紹介中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。

元の投稿で解決策を見る

2件の返信2

kyoshi_株式会社Tsun
Shopify Partner
173 61 44

成功

はじめまして

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

 

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

 

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

 

手順

1.テーマエディタを開く

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

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

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

 

参考ページ

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

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

 

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

CleanShot 2023-07-26 at 10.01.08@2x.png

 

 

以上になります

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

株式会社Tsun
RuffRuff 注文制限RuffRuff 予約販売などのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリも紹介中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。
YMD002
遊覧客
17 0 2

吉谷さま

 

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

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

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

 

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