# 多日视图

经典 Sesami 日历体验，采用多日横向滚动布局。

## 什么是多日视图？

多日视图（也称为“Sesami 经典日历”或“每周视图”）是 Sesami 的默认日历界面。它以横向滚动格式显示多天内容，方便顾客浏览近期可用时段。

[**查看演示 →**](https://demo.sesami.co/products/book-a-private-permanent-jewelry-party)

## 主要功能

### 横向多日布局

* **可显示多天** - 一次查看多天
* **横向滚动** - 滑动或滚动查看更多日期
* **紧凑设计** - 高效利用空间

### 默认日历

* **自动安装** - 在以下步骤后即可立即使用 [设置 Sesami](/zh-cn/kai-shi-shi-yong/quickstart.md)
* **开箱即用** - 与所有 Shopify 标准主题兼容
* **无需配置** - 即刻可用

### 快速且轻量

* **加载迅速** - 对页面性能影响极小
* **响应式** - 适用于桌面端、平板和移动端
* **可靠** - 经数千名商家验证的设计

## 工作原理

多日视图显示：

1. **可用日期** - 有开放时间段的日期
2. **时间段** - 每天可预约的时间
3. **时长** - 服务时长（来自产品变体）
4. **资源选择** - 如果启用，可选择团队成员/资源

顾客只需：

1. 滚动查找合适的日期
2. 选择可用时间段
3. 选择资源（如适用）
4. 继续结账或预约确认

## 自动集成

### 完成 Sesami 设置后

一旦你 [设置好 Sesami 应用](/zh-cn/kai-shi-shi-yong/quickstart.md)，多日视图日历就会自动集成到你的在线商店中：

* 显示在服务商品页面上
* 无需手动编辑主题（适用于标准主题）
* 兼容 Shopify 2.0 和 Vintage 主题

### 主题兼容性

**Shopify 标准主题**：多日视图可在所有 Shopify 标准主题中开箱即用。

**自定义或修改过的主题**：某些主题可能需要调整或自定义代码。如果你需要帮助，请联系 <help@sesami.co>.

## 何时使用多日视图

多日视图非常适合：

* **临近日期预订** - 当顾客通常在几天或几周内预约时
* **快速浏览** - 顾客希望快速浏览可用时间
* **熟悉的界面** - 顾客熟悉的经典预约日历
* **简单设置** - 无需配置或自定义

## 切换到月/日视图

如果你更喜欢现代的月度布局：

**适用于 Online Store 2.0 主题：**

1. 前往 **在线商店 > 主题 > 自定义**
2. 进入带有 Sesami 的商品页面
3. 点击 Sesami 应用块
4. 选择 **月/日视图** 而不是多日视图
5. 保存

请参阅： [月/日视图](/zh-cn/yu-yue/booking-experiences/month-day-view.md)

**适用于 Vintage 主题：** 联系 <help@sesami.co> 以获取切换日历的帮助。

## 与月/日视图的对比

| 功能         | 多日视图   | 月/日视图       |
| ---------- | ------ | ----------- |
| **布局**     | 多日横向滚动 | 月度网格        |
| **最适合**    | 临近日期预订 | 提前规划        |
| **设置**     | 自动     | 可选          |
| **默认**     | 是（安装后） | 可选升级        |
| **团体预约显示** | 标准     | 显示剩余名额      |
| **自定义**    | 基础     | 高级（品牌颜色、选项） |

## 最佳实践

* **在移动设备上测试** - 确保横向滚动在触控设备上运行流畅
* **保持简单** - 多日视图在不过度自定义时效果最佳
* **监测转化率** - 如果预约转化率看起来较低，可以考虑测试月/日视图

## 故障排除

<details>

<summary>日历未显示在商品页面上</summary>

检查：

* 商品具有 **时长变体** （例如“30 分钟”、“1 小时”）
* 服务 **在 Sesami 中已配置** 并已分配资源
* **Sesami 应用嵌入** 已在主题设置中启用
* 你正在查看 **已发布主题** （不是草稿）

请参阅： [快速开始故障排查](/zh-cn/kai-shi-shi-yong/quickstart.md#troubleshooting)

</details>

<details>

<summary>没有显示任何时间段</summary>

最常见的问题！请检查：

* **已分配资源** 到该服务
* **已设置可用性** 适用于已分配的资源
* **时区是否正确** 在 Sesami 设置中
* **没有阻挡时段** 覆盖所有日期

请参阅： [可用性](/zh-cn/yu-yue/availability.md)

</details>

<details>

<summary>需要自定义日历外观</summary>

对于基础样式，你可以在主题中使用自定义 CSS。

对于更高级的自定义：

* 使用 [月/日视图](/zh-cn/yu-yue/booking-experiences/month-day-view.md) 它提供更多自定义选项
* 使用以下工具构建自定义日历 [Sesami SDK](https://sesami.dev/docs/)

</details>

## 相关

* [月/日视图](/zh-cn/yu-yue/booking-experiences/month-day-view.md) - 现代月度日历
* [快速入门指南](/zh-cn/kai-shi-shi-yong/quickstart.md) - 初始设置
* [资源选择](/zh-cn/yu-yue/booking-experiences/resource-selection.md)  - 配置资源选择
* [可用性](/zh-cn/yu-yue/availability.md) - 配置服务可预约的时间
* [Sesami SDK](https://sesami.dev/docs/) - 构建自定义预订体验


---

# 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://help.sesami.co/zh-cn/yu-yue/booking-experiences/multi-day-view.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.