# 精选商品系列

精选系列板块允许商家展示特定的产品系列，通过设置系列图片、标题和产品卡片布局，能够有效提升产品的视觉效果和展示效率。该板块支持自定义系列内容、轮播功能、配色方案和布局选项，以确保在桌面端和移动端的用户体验一致，帮助提升用户参与度和销售额。

### **详细使用说明**

1. **系列图片设置**
   * **显示系列图片**：勾选此选项以启用系列图片展示，提升板块的视觉效果。
   * **配色方案**：选择适合的配色方案用于系列图片背景和文字，增强展示效果。
   * **系列图片位置（桌面端）**：选择系列图片在桌面端的显示位置，可选择在左侧或右侧显示。
   * **图片上传**：点击“选择图片”按钮，上传或浏览可用图片，作为系列的主图片。
   * **系列图片不透明度**：通过调节透明度滑块，控制图片的透明度，适应不同的视觉需求。
   * **自定义系列标题**：输入系列标题，如未自定义，默认使用系列标题。
   * **标题大小写**：勾选此选项可将系列标题显示为大写，增强标题的醒目程度。
2. **内容设置**
   * **选择系列**：从下拉菜单中选择需要展示的产品系列。
   * **显示的产品数量**：通过滑块设置在精选系列中展示的产品数量。
   * **桌面端轮播设置**：启用轮播功能，允许在桌面端以轮播形式展示产品系列。
   * **导航按钮**：启用导航按钮，方便用户在桌面端快速浏览产品系列。
   * **分页点**：启用分页点显示，用户可以通过分页点查看更多产品。
3. **产品卡设置**
   * **图片比例**：选择产品卡片中的图片比例，可选择正方形或纵向，以匹配整体设计风格。
   * **内容包裹**：启用此选项后，内容将包裹显示在产品卡片内，增强信息展示的紧凑性。
   * **内容包裹配色方案**：选择适合的配色方案，用于内容包裹的背景和文字颜色。
   * **文本对齐**：设置产品卡片中文本的对齐方式，可选择左对齐、居中或右对齐。
4. **移动端设置**
   * **启用移动端轮播**：确保在移动端同样可以启用轮播功能，提升移动端用户的浏览体验。

### **使用建议**

1. **视觉一致性**：
   * 建议选择符合品牌视觉风格的图片和配色方案，确保产品系列的展示与品牌形象一致，增加用户的认同感。
   * 合理使用图片不透明度功能，提升图片和文本的对比度，让标题和描述信息更加醒目。
2. **系列图片选择**：
   * 系列图片应该与产品系列相关，能够传达产品特点，吸引用户的关注。例如，可以使用展示系列主打产品或产品场景的图片。
   * 确保图片质量高、清晰度足够，以便在桌面和移动端都能良好显示。
3. **产品数量控制**：
   * 显示的产品数量建议控制在合理范围（例如6到10个），避免过多产品造成用户浏览疲劳。
   * 如果系列产品较多，启用轮播功能可以有效提高页面展示效率，同时提升用户的浏览体验。
4. **移动端友好**：
   * 由于移动端屏幕较小，启用轮播和分页点功能可以更好地展示系列产品，帮助用户轻松浏览。
   * 确保在移动端测试图片和文字显示效果，避免因文本过长或图片比例不当导致排版问题。
5. **导航与用户体验**：
   * 启用桌面端的导航按钮，方便用户快速切换不同的产品系列，提高用户的操作便捷性和页面互动性。
   * 对于特别的促销或限量产品，建议在系列标题和描述中突出强调相关信息，增加用户的购买欲望。
6. **内容丰富性**：
   * 利用产品卡片的内容包裹功能展示详细的产品信息，帮助用户更好地了解每个产品的特点和优势，从而促进转化。
   * 灵活使用文本对齐和内容对齐功能，让产品卡片布局更加美观有序，增强用户的视觉舒适感。


---

# 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://en-ascent.webvista.studio/ascent-mu-ban-shi-yong-shuo-ming/sections/jing-xuan-shang-pin-xi-lie.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.