FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

長田行弘
Shopify Partner
5 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を指定できるようにしたいです。

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

 

 

 

 

 

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
1180 424 736

成功

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

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デザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

1件の返信1

Jizo_Inagaki
Shopify Partner
1180 424 736

成功

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

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デザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。