> For the complete documentation index, see [llms.txt](https://guides.orderla.my/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.orderla.my/orderla-pro/section-availability.md).

# Section Availability

### Overview

This feature is perfect for use case like to make certain type of items available on certain day or time range.

For example items for breakfast, only available on certain range time in the morning. 

> To use this feature a form need to use 
>
> 1. Cart-based Form
> 2. Enable Date & Time Slot

### Initial Setup

Firstly, use Cart-based form at Form Type like below.

<div align="center"><figure><img src="/files/SgO3KdRF99CbnD1bA1fV" alt=""><figcaption></figcaption></figure></div>

Secondly, turn on '**Date & Time Slots**' availability.

<figure><img src="/files/Bcr4nRnbDzSprfuowheN" alt=""><figcaption></figcaption></figure>

### Turn on Section Availability based on Day & Time-Range

At ❶ Products list, each section will have a 'calendar' icon.&#x20;

Click on the ❷ calendar icon.&#x20;

<figure><img src="/files/Aui8WOuVofqmqjrR236F" alt=""><figcaption></figcaption></figure>

It will show a window on Section Availability.&#x20;

**Check** the checkbox.&#x20;

<figure><img src="/files/SyiEZSOka3pAKfO9dijt" alt=""><figcaption></figcaption></figure>

It will pre-selected all days of a week. Sunday, Monday, Tuesday, Wednesday, Thursday, Friday and Saturday. And time range from 00:00 AM to 11:59 PM.

<figure><img src="/files/Nova3xXfr7M5YPGYCJkF" alt=""><figcaption></figcaption></figure>

Change the value based on when do you offer the whole products inside the section to your customers.&#x20;

For example section only on certain day. Or on certain time-range like breakfast, example : from 6:00 AM to 11: AM.

### Testing Out on Your Form

For example we have a section for breakfast menu which available everyday from 9 am to 12pm.

Thus, for items inside the section it will be only shown if the customer select the specific time wihtin the mentioned boundaries.

<figure><img src="/files/iD6EaDvOPv8rlqEx6TCH" alt=""><figcaption></figcaption></figure>

### Enable Welcome Pop-up with Date & Time Picker

To let your customer pre-select the date & time slot right away you may want to enable Welcome Popup with date & time picker.

To enable it go to **Welcome Popup** tab. (The tab only available when using cart-based form).

(2) Turn on Show Welcome Popup switch.

(3) Turn on 'Show delivery options and date & time slots on welcome popup' checkbox.

<figure><img src="/files/CWLtUtUp1Psce08PWo0D" alt=""><figcaption></figcaption></figure>

Preview your order form, and a pop up will apear with Date & Time Slot picker.

<img src="/files/G0cuAkX6VHzj1pCPWY9u" alt="" data-size="original">