自作したセクションが自作したテンプレート内で「2つ」表示できない問題があります。

こんにちは!いつもお世話になりますm(_ _)m

タイトルの通りの状況でして、どなたか解決法をご存知でしたら、教えていただきたいです。よろしくお願いいたします。

テーマ

  • Debut

自作したセクション

  • sections/a.liquid
  • sections/b.liquid
  • sections/c.liquid

自作したテンプレートとコード

  • templates/page.about.liquid

  {% section 'a' %}
  {% section 'b' %}
  {% section 'c' %}
  {% section 'b' %}

状況

二回目のsections/b.liquidのUIは表示されているが、テーマ>カスタマイズと進んだ先にあるセクションを編集するためのメニュは表示されない

試したこと

  • キャッシュのクリア

ゴール

スクショの左側「テンプレート カスタムページ」の下に

  1. ヘッダー
  2. タイトルとテキスト(a)
  3. 画像とテキスト(b)
  4. 2枚の画像とテキスト(c)
  5. 画像とテキスト(b)
  6. フッター

と並んでほしいです。

結論、自作セクションをもう一つ作成すると解決します。

  • sections/b-2.liquid

自作したテンプレートとコード

  • templates/page.about.liquid

  {% section 'a' %}
  {% section 'b' %}
  {% section 'c' %}
  {% section 'b-2' %}

こちらの記事にもあるように、私も同じページに同じようなセクションを追加する場合は、セクションを複製して配置しています。
https://unreact.jp/blog/roadmap-create-about-us-pgae

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

3 Likes