商品一覧・おすすめ商品

Product Grid

商品の写真・名前・値段をカードにして並べる部分。ランキングや「こちらもおすすめ」にも使う。

入れるもの

• 商品写真
• 商品名と値段（税込）
• 「NEW」「SALE」などの印
• お気に入りボタン（あれば）

作るときのコツ

• 写真の大きさ・背景をそろえる
• 値段は見やすく
• スマホでは2列にする

どこで使われている？

よく見かける場所

ネットショップのトップ・カテゴリページ・商品ページの下

使うとよい場面

たくさんの商品から選んでもらうとき

いらない・注意する場面

商品が1つだけのとき（商品の詳細を使う）

似ている部品との違い

AIへの指示文

LP（宣伝ページ） に入れるときの指示文です。作るものは右上の「何を作る？」で変えられます。

商品・サービスを宣伝する1ページのLP（ランディングページ）に、「商品一覧・おすすめ商品（Product Grid）」のセクションを作ってください。

内容：商品写真・商品名・税込の値段・「NEW」や「SALE」の印を1組にした商品カードを4列に並べ、スマホでは2列にする。写真は正方形にそろえる。

入れるもの：商品写真／商品名と値段（税込）／「NEW」「SALE」などの印／お気に入りボタン（あれば）
気をつけること：写真の大きさ・背景をそろえる／値段は見やすく／スマホでは2列にする

スマホでも見やすいように、画面が狭いときは縦に並べてください。