# Multi-day View

The classic Sesami calendar experience with a multi-day horizontal scrolling layout.

## What is Multi-day View?

The Multi-day View (also called "Sesami Classic Calendar" or "Weekly View") is Sesami's default calendar interface. It displays multiple days in a horizontal scrolling format, making it easy for customers to browse near-term availability.

[**View Demo →**](https://demo.sesami.co/products/book-a-private-permanent-jewelry-party)

## Key Features

### Horizontal Multi-Day Layout

* **Multiple days visible** - See several days at once
* **Horizontal scrolling** - Swipe or scroll to see more days
* **Compact design** - Efficient use of space

### Default Calendar

* **Automatically installed** - Available immediately after [setting up Sesami](/get-started/quickstart.md)
* **Works out of the box** - Compatible with all Shopify Standard Themes
* **No configuration needed** - Ready to use right away

### Fast and Lightweight

* **Quick loading** - Minimal impact on page performance
* **Responsive** - Works on desktop, tablet, and mobile
* **Reliable** - Proven design used by thousands of merchants

## How It Works

The Multi-day View displays:

1. **Available dates** - Days with open time slots
2. **Time slots** - Available appointment times for each day
3. **Duration** - Service duration (from product variants)
4. **Resource selection** - If enabled, option to choose team member/resource

Customers simply:

1. Scroll to find a convenient day
2. Select an available time slot
3. Choose resource (if applicable)
4. Continue to checkout or booking confirmation

## Automatic Integration

### After Sesami Setup

Once you [set up the Sesami App](/get-started/quickstart.md), the Multi-day View calendar is automatically integrated into your online store:

* Appears on service product pages
* No manual theme editing required (for standard themes)
* Works with Shopify 2.0 and Vintage themes

### Theme Compatibility

**Shopify Standard Themes**: The Multi-day View works out of the box in all Shopify Standard Themes.

**Custom or Modified Themes**: Some themes might need adjustments or custom code. If you need help, contact <help@sesami.co>.

## When to Use Multi-day View

The Multi-day View is ideal for:

* **Near-term bookings** - When customers typically book within days or weeks
* **Quick browsing** - Customers want to quickly scan available times
* **Familiar interface** - Classic booking calendar that customers recognize
* **Simple setup** - No configuration or customization needed

## Switching to Month/Day View

If you prefer the modern monthly layout:

**For Online Store 2.0 Themes:**

1. Go to **Online Store > Themes > Customize**
2. Navigate to the product page with Sesami
3. Click on the Sesami app block
4. Select **Month/Day View** instead of Multi-day View
5. Save

See: [Month/Day View](/booking/booking-experiences/month-day-view.md)

**For Vintage Themes:** Contact <help@sesami.co> for assistance switching calendars.

## Comparison with Month/Day View

| Feature                    | Multi-day View              | Month/Day View                   |
| -------------------------- | --------------------------- | -------------------------------- |
| **Layout**                 | Multi-day horizontal scroll | Monthly grid                     |
| **Best for**               | Near-term bookings          | Advance planning                 |
| **Setup**                  | Automatic                   | Optional                         |
| **Default**                | Yes (after install)         | Optional upgrade                 |
| **Group bookings display** | Standard                    | Shows remaining spots            |
| **Customization**          | Basic                       | Advanced (brand colors, options) |

## Best Practices

* **Test on mobile** - Ensure horizontal scrolling works smoothly on touch devices
* **Keep it simple** - The Multi-day View works best without heavy customization
* **Monitor conversion** - If booking conversion seems low, consider testing the Month/Day View

## Troubleshooting

<details>

<summary>Calendar not appearing on product page</summary>

Check:

* Product has **duration variants** (e.g., "30 Minutes", "1 Hour")
* Service is **configured in Sesami** with resources assigned
* **Sesami app embed** is enabled in Theme Settings
* You're viewing the **published theme** (not a draft)

See: [Quickstart Troubleshooting](/get-started/quickstart.md#troubleshooting)

</details>

<details>

<summary>No time slots showing</summary>

Most common issue! Check:

* **Resources are assigned** to the service
* **Availability is set** for assigned resources
* **Timezone is correct** in Sesami Settings
* **No block-offs** covering all dates

See: [Availability](/booking/availability.md)

</details>

<details>

<summary>Need to customize the calendar appearance</summary>

For basic styling, you can use custom CSS in your theme.

For more advanced customization:

* Use the [Month/Day View](/booking/booking-experiences/month-day-view.md) which has more customization options
* Build a custom calendar with the [Sesami SDK](https://sesami.dev/docs/)

</details>

## Related

* [Month/Day View](/booking/booking-experiences/month-day-view.md) - Modern monthly calendar
* [Quickstart Guide](/get-started/quickstart.md) - Initial setup
* [Resource Selection](/booking/booking-experiences/resource-selection.md) - Configure resource selection
* [Availability](/booking/availability.md) - Configure when services can be booked
* [Sesami SDK](https://sesami.dev/docs/) - Build custom booking experiences


---

# 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/booking/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.
