同ページ内で複数のコレクションを表示する場合の実装方法

いつもお世話になります。

理解が浅い為、ご指摘をお願い致します。

例えば ホームページ上で「NEWコレクション」「MENSコレクション」など複数のコレクションを混在させて商品を表示させたい場合 下記のような設定を用意して複数のschemaを連続して表示させようとしました。

{% schema %}
{
"blocks":[

{
"type": "first-section",
"name": "Homepage Products1",
"settings": [

{
	"type": "text",
	"id": "title",
	"label": "Heading",
	"default":"Trending Products"
	},
{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "range",
"id": "product_limit",
"label": "Product Limit",
"min": 3,
"max": 10,
"default": 6
}
]
},

{
"type": "second-section",
"name": "Homepage Products2",
"settings": [
{
	"type": "text",
	"id": "title",
	"label": "Heading",
	"default":"Mens Products"
	},

{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "range",
"id": "product_limit",
"label": "Product Limit",
"min": 3,
"max": 10,
"default": 6
}
]
}
]
}
{% endschema %}

	

	
	

カスタマイズ画面は上手く実装されたようなのですが、表示がエラーとなってしまいます。(theme watchでのエラーは無し)

参考サイト上の説明では新たに セクションmuluti_section.liquid や スニペットを作成するように説明されていますが理解できません。

セクション内でのループの作成方法など、多々問題があると思いますが どうか御指南宜しくお願い致します。

参考サイト http://www.codeshopify.com/blog_posts/shopify-sections-with-dynamic-blocks

管理画面でホームページとは別に作ったページ上で2つのセクションを読み込み、その2つのセクションそれぞれにschemaを配置する事で、とりあえず1ページ上で2つのコレクションを実装してみました。

セクションの概要については以下のブログにまとめていますので、ご参照ください。
https://www.shopify.jp/blog/partner-shopify-theme-section-first-create

単純にコレクションを全て表示したいだけの場合は、セクションを無理に使う必要はないと思います。

以下のドキュメントを参考にして、表示させたいページのliquidに、collection objectを表示させれば良いと思います。

https://shopify.dev/docs/themes/liquid/reference/objects/collection

1 Like

岡村さん、ありがとうございます!

ブロックの部分もブログに詳しく書いてありますね、勉強不足でした。

コレクションオブジェクトに関しても参考にさせていただきます!