e-commerce - ShopifyとLiquidを使用してホームページにすべての商品を表示するにはどうすればよいですか?

Question

index.liquid ページ (ホームページ) で使用できる Liquid マークアップの簡単なスニペットはありますか?

Answer 1

ほとんどのテーマでは、ホームページにコレクションが表示されます。その機能を使用し、コードを追加しないでください。

ホームページ コレクションにストア内のすべての製品を含めるには、製品価格 > 0 などの条件でスマート コレクションにします。

ショップに 50 を超える商品がある場合は、templates/index.liquid ファイルに Liquid タグを追加して、ホームページにページネーションを追加できます。Shopify テーマでページネーションがどのように行われるかについてのインスピレーションについては、templates/collection.liquid ファイルを調べてください。

ホームページコレクションの製品がホームページに表示される数には、テーマによって制限が課されている可能性があります。その場合は、templates/index.liquid ファイルに次のようなコードがあります。

{% for product in collections.frontpage.products limit: 12 %}

limit 属性を削除します。