商品リスト要素を使用して関連商品を追加する方法

製品リスト要素とは何ですか?

その 製品リスト要素 GemPagesでは、 選択した商品を表示 あなたのページに直接。 

関連商品は 同じコレクション内のアイテムに限定されないGemPagesを使用すると、 あらゆる商品を表示する 選択できます。この柔軟性により、補完的なアイテムを紹介したり、特定のコレクションから製品を選択したりすることができ、魅力的で視覚的に魅力的な製品セクションを簡単に設計できます。

製品リスト要素を使用して関連製品をデザインするにはどうすればよいですか?

ステップ1： 動画内で 製品リスト要素 左側のサイドバーにあります。ページの目的のセクションにドラッグ アンド ドロップします。

ステップ2： 製品リストを選択してください

製品リストを設定する際には、次の 3 つのオプションから選択できます。

• 製品を手動で選択: 紹介したい特定の商品を選択します。これにより、表示されるアイテムを完全に制御できます。
• コレクションを使用する: Shopify コレクションから製品を自動的に表示します。このオプションは、製品リストを動的に保ち、ストアのコレクションと一致させるのに最適です。
• 関連製品を表示: 主な製品と同じコレクション、ベンダー、またはタグに属する製品を特集します。 

ステップ3： 行あたりの製品数 各行に表示される項目の数を定義する設定。

ステップ4： レイアウトスタイルを選択する

GemPages では、関連製品を表示するためのレイアウト オプションが 2 つ用意されています。

グリッドレイアウト:

• 製品リストは従来のグリッド形式で表示されます。
• 構造化された一貫性のあるデザインに最適です。

スライダーレイアウト:

• 製品はカルーセル形式で表示され、顧客はオプションをスクロールできます。
• 複数の製品を展示しながらスペースを節約するのに最適です。

製品リストをカスタマイズする方法の詳細については、この記事を参照してください。 製品リスト要素