【Shopify TIPS】
コレクションページで商品リスト中にバナー画像を差し込む設定例
Shopifyのテーマ「Dawn/Rise」のコレクションページで、プロモーション用のバナー画像を商品と商品の間に埋め込んで表示するための方法です。
◆実装手順（Rise/Dawn テーマの場合）
・コレクションテンプレートの商品グリッドセクションにブロック要素を新規追加
・新規追加したブロック用を差し込むコードを設定
◆バナー設定手順
・テーマエディターの「コレクション」テンプレートを開く
・「商品グリッド」セクションの「プロモーションバナー」ブロックを追加し、画像やリンク先などを設定
・バランスと考慮しつつ、バナー画像の表示位置を調整
◆補足
・表示設定数とは別にバナー画像を差し込むため１ページあたりの商品表示数にズレが生じます。末端を揃えるには表示するバナー数と表示列数による調整が必要になります。
