> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/english-ja/plain-jane-interactive/pages-and-menus/product-page.md).

# 商品ページ

> **学べること**
>
> * 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.