# 产品页面

我们开发的产品主页面功能全面，旨在帮助商家优化产品展示，提升用户体验，从而推动销售增长。通过灵活的布局配置、丰富的媒体展示选项以及多种交互功能，商家能够轻松打造具有吸引力的产品页面，吸引客户关注并提升购买转化率。无论是倒计时功能、互动产品推荐，还是库存通知等实用模块，都能帮助商家精确营销，增加销量。这些功能确保了商家可以根据需求自由调整页面，打造符合品牌形象和销售目标的最佳产品展示。

**1. 媒体设置**

* **桌面端启用固定媒体**：在桌面端固定显示媒体资源。
* **桌面端媒体布局**：选择媒体显示方式（如带右侧缩略图的轮播）。
* **媒体大小**：调节桌面端上显示的媒体大小，选项包括小、中、大。
* **媒体填充**：定义媒体展示的方式，选项包括覆盖和包含。
* **媒体位置**：选择媒体相对于产品描述的左右位置。
* **隐藏其他变体图片**：使用 alt 属性按变体分组图片，这样可以在选择特定变体时显示其相关图片并隐藏其他图片，详细说明请查阅 [隐藏其它变体图片](/webvista-studio-docs/main-pages/main-product/yin-cang-qi-ta-bian-ti-tu-pian.md)
* **启用视频循环播放**：当视频播放时，自动循环。
* **在移动设备上隐藏缩略图**：在移动设备上隐藏媒体的缩略图。

**2. 选项卡设置**

* **显示产品描述选项卡**：启用后，在页面中显示选项卡形式的产品描述。
* **显示描述图标**：为产品描述添加图标。

**3. 其他设置**

* **启用分享**：启用社交分享功能，让用户可以通过社交平台分享产品。
* **显示分类元字段表**：启用后，显示产品的分类元字段信息。

**4. 支持的 Block（块）**

* **标题**：在页面中添加加标题段落，增强产品介绍的结构。
* **价格**：显示产品的价格信息。
* **购买按钮**：在页面中添加立即购买按钮，提升用户的购买便利性。
* **文本**：在页面中添加文本段落，提供更多描述。
* **产品描述**：为产品页面添加详细的产品描述。
* **图片**：在页面中添加产品或宣传图像。
* **库存单位（SKU）**：显示产品的 SKU 信息。
* **库存通知**：向用户提供库存状态的通知功能。
* **变体选择器**：允许用户在页面中选择产品的不同变体（如颜色或尺码）。
* **可折叠标签**：用于组织信息的折叠标签，提升用户的浏览体验。
* **礼物**：为产品页面添加礼物选项，如礼品包装服务。
* **倒计时**：为产品页面添加倒计时功能，用于促销活动或限时优惠。
* **分隔线**：在页面不同内容之间添加分隔线，提高页面布局的清晰度。
* **自定义选项卡**：为页面内容添加额外的自定义选项卡，提供更多的产品信息。
* **图标列表**：为页面添加图标列表，用于展示产品的特色优势。
* **弹出窗口**：在页面中添加可触发的弹出窗口，展示更多产品信息或广告。
* **互补产品**：向用户推荐与当前产品互补的商品，提升交叉销售机会。
* **支付与安全**: 显示Shopify信任徽章以及支持的支付商列表。
* **相关分类**：显示所有与该产品相关的分类，可设置显示的数量。

#### **使用注意事项**

* 所有设置都可以根据商家的需求进行自定义。
* 确保设置中使用的图片或媒体符合最佳的分辨率要求，以获得更好的用户体验。
* 各种 block 的组合使用可以提升产品页面的功能和视觉效果。


---

# 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://ascent.webvista.studio/webvista-studio-docs/main-pages/main-product.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.