# 商品ページ

> **学べること**
>
> * Plain Jane テーマで利用できる異なる商品ページレイアウトオプション
> * 各レイアウトの主な機能とカスタマイズオプション
> * デザイン目標に応じた各レイアウトの使用タイミング

***

### 利用可能なレイアウト

Plain Jane テーマは主に3つの商品ページレイアウトを提供します:

1. **商品セクション: ショーケース**\
   画像がタイトルとバリアントオプションの間に配置される中央揃えのデザイン — ミニマルな商品表示に最適です。
2. **商品セクション: サムネイル**\
   サムネイルを縦に並べ、従来の商品詳細を並置したレイアウト — 複数画像のギャラリーに理想的です。

***

### レイアウトの切り替え方法

1. 移動先： **オンラインストア > テーマ > カスタマイズ**
2. 上部のドロップダウンで選択してください **商品 > デフォルト商品**
3. 左のサイドバーでクリックします **セクションを追加 > 商品セクション**
4. 希望するレイアウトを選択してください:
   * `製品セクション［ショーケース］`
   * `製品セクション`
5. 重複を避けるため、他の不要な商品セクションを非表示にするか削除してください

> 💡 ヒント: どのレイアウトの下にもアコーディオンや画像ストリーム、ニュースレターなどの追加ブロックを引き続き追加できます。

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/plain-jane-interactive/pages-and-menus/product-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
