> For the complete documentation index, see [llms.txt](https://help.sesami.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sesami.co/zh-cn/yu-yue/booking-experiences/multi-day-view.md).

# 多日视图

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

## 什么是多日视图？

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

[**查看演示 →**](https://demo.sesami.co/products/massage-therapy-booking)

## 主要功能

### 横向多日布局

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

### 默认日历

* **自动安装** - 可在以下时间后立即使用 [完成 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
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://help.sesami.co/zh-cn/yu-yue/booking-experiences/multi-day-view.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.