WPのような使い回しができるセクションを作りたい！

[長田行弘]

<div class="wide-header">
		{% for block in section.blocks %}
			<img src="{{block.settings.image | img_url:'master'}}"/> 
		{% endfor %}
		<h1>{{ page.title }}</h1>
</div>

{% schema %}
{
	"name": "page top",
	"blocks" :[
		{
			"type":"image",
			"name":"image block",
			"limit": 5,
			"settings":[
				{
					"type":"image_picker",
					"label":"your image",
					"id":"image"
				}
			]
		}
	],
	"presets":[
		{
			"category":"image",
			"name":"page top"
		}
	]
}
{% endschema %}

このようなセクションを作成したのですが、各固定ページに適用させようと思ったらどれも共通のimgになってしまいます。

調べた結果、セクションは一つのページ用に作られる、ということにたどり着きました。（ググり方が下手くそで勘違いし間違っていたら、申し訳ないです。）

このセクションを各ページ用に名前だけ変更してそれぞれ作っていくしかないのでしょうか？（この方法だと、セクションやテンプレを追加するので、コーディングわからない方だと詰んでしまいます。）

目指しているゴールとしては、コーディングがわからない人でも管理画面からのテーマカスタマイズでそれぞれのimgを指定できるようにしたいです。

稚拙な文章ですが、ご教授よろしくお願いします。

[Jizo_Inagaki · Accepted solution]

類似と思われる質問がありますのでそちらを参照ください。

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAQ-A/%E3%82%BB%E3%82%AF%E3%82%B7%...

上記で触れられているDawnに関しては以下などのドキュメントが該当しますので、Dawnのコードやドキュメントを参考にされると実装できるかと思います。

https://shopify.dev/themes/tools/dawn

https://shopify.dev/themes/architecture