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

解決済
長田行弘
観光客
4 0 0
<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を指定できるようにしたいです。

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

 

 

 

 

 

0 件の「いいね!」
Jizo_Inagaki
航海者
424 156 430

成功

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

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

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
0 件の「いいね!」