【dawnテーマ】 コラージュセクションの各ブロックの上に見出しを表示させたい。

Topic summary

Dawnテーマのコラージュセクションで、各商品ブロックの上に「第1位」「第2位」「第3位」といったランキング見出しを表示させる方法についての質問と解決。

提供された解決策:

  1. ファイブビット社の回答: collage.liquidファイル全体を提供されたコードに置き換え、ランキング表示を制御するチェックボックス機能を追加する方法

  2. Qcoltd社の回答: CSSをcollage.liquidの最下部に追記することで、コラージュセクション内の画像左上に自動的に「第1位、第2位、第3位」を表示させる方法

追加の課題:

質問者が新しいセクションとしてcollage.liquidをコピーして作成したところ、オリジナルのコラージュセクションにもランキング表示が適用されてしまう問題が発生。これに対し、各セクションにチェックボックスで表示を制御できる機能があることが説明され、無事解決。

新たな質問:

同様の実装をfeatured-collection.liquidでも可能かどうかの相談が投稿され、スレッドは継続中。

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

@rinkeikai

ご質問いただいている、コラージュセクションで見出しを表示させたい件ですが、コラージュセクションを利用した際、必ずご指定の赤枠部分に(第1位、第2位、第3位)と表示されてよろしければ、下記CSSをテンプレートに追記いただけましたら、表示することができるかと思います。

※Dawn 12.0.0のテーマを元にご説明させていただきます。

CSS追加方法

1.テーマ>コードを編集>をクリック

2.左上の検索欄に『collage.liquid』を入力し、ソートされたcollage.liquidをクリック

3.collage.liquidの最下部に下記CSSを追記し、保存ボタンをクリック

4.以上で下記画像のように各画像の左上に(第1位、第2位、第3位)と表示されます。

ご参考まで。

(キュー小坂)

1 Like