FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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
222 78 51

成功

はじめまして

株式会社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 予約販売など6つのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリなどShopify関連情報も発信中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。

元の投稿で解決策を見る

2件の返信2

kyoshi_株式会社Tsun
Shopify Partner
222 78 51

成功

はじめまして

株式会社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 予約販売など6つのShopifyアプリを提供中 / おすすめ Shopifyアプリおすすめ 予約販売アプリなどShopify関連情報も発信中
株式会社TsunはShopifyストアの構築からグロース支援まで行うコマースソリューションパトナーです。
YMD002
遊覧客
17 0 2

吉谷さま

 

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

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

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

 

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