> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/webvista-studio-docs/main-pages/main-product.md).

# 产品页面

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

**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 的组合使用可以提升产品页面的功能和视觉效果。