> ## Documentation Index
> Fetch the complete documentation index at: https://support.dripos.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create Mobile Menu

> Customize the Mobile menu separately from the Point of Sale menu

Determine which categories and products will be available on mobile ordering platforms following the steps below:

## Add / Remove Categories

*Watch the video below to learn how to easily enable and disable **categories** from mobile ordering:*

<iframe title="Add Category to Mobile" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/125ba2258faa4875af7b438b3f0027b4?sid=585c9361-d913-46fd-ac2c-ddf7cd83a592" />

## Add / Remove Products

*Watch the videos below to learn how to easily enable and disable **products** from mobile ordering on either the **Dashboard** or the **Point of Sale**:*

<Tabs>
  <Tab title="Dashboard">
    <iframe title="Add Product to Mobile Web Dash" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/0865278176f04d4e9b768f2a0fb1a1be?sid=df7d4f0c-eb8c-4574-b541-966385fccb69" />
  </Tab>

  <Tab title="Point of Sale">
    <iframe title="Add Product to Mobile POS" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/2339671ee8f14677a0a43f41197a3333?sid=cb9eba90-83e9-4025-818a-ce92554a8eb3" />
  </Tab>
</Tabs>

## Add / Remove Modifiers

*Watch the videos below to learn how to easily enable and disable **modifiers** from mobile ordering on either the **Dashboard** or the **Point of Sale**:*

<Warning>
  Enabling and disabling a global modifier from one product's page will enable/disable the global modifier on all products that utilize it.
</Warning>

<Tabs>
  <Tab title="Dashboard">
    <iframe title="Add Modifier to Mobile Orders Web Dash" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/90b52905bf734d0197cb507425a6d5aa?sid=506b31c3-c8c6-403c-a87f-f0ddbf966681" />
  </Tab>

  <Tab title="Point of Sale">
    <iframe title="Add Modifier to Mobile Orders Web Dash" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/13c427e89c504e12b2c2de513a4a5e69?sid=f97c10a3-b696-4f1d-a3c2-a34184753bdc" />
  </Tab>
</Tabs>

## Create Menu Availability

Determine when certain menu items are available for ordering on your shop's mobile platforms as well as the Point of Sale using the options below:

### Category Availability

Determine when an entire category and its products are available for ordering on both the mobile platforms and the Point of Sale.

<Note>
  Categories will not appear on the mobile platforms or the POS outside of their set availability.
</Note>

<Steps>
  <Step title="Select a Category">
    On the **Dashboard**, navigate to **Menu** > **Categories** > **View** a category > **Schedule** > **Add Schedule**

    <iframe title="Add Category Schedule" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/f3787340a4c2421eb71e22af32f60058?sid=24bd95d0-ab84-4758-b3ca-a1d6bfcff788" />
  </Step>

  <Step title="Set Availability">
    **Day of the Week**: Select one day at a time

    **Start & End**: Time period during that day the category will be available for ordering

    <Frame>
      <img src="https://mintcdn.com/frostbytetechnologiesinc/58CqbDgq14lJFANX/images/category%20avail.png?fit=max&auto=format&n=58CqbDgq14lJFANX&q=85&s=f4770cb1bafe8d5f8d9d56c050b8b6c4" width="942" height="758" data-path="images/category avail.png" />
    </Frame>
  </Step>
</Steps>

***

### Product Availability

Determine when a product is available for ordering on both the mobile platforms and the Point of Sale.

<Warning>
  If a product's category has set availability, a product will never appear outside of the category set availability.
</Warning>

<Steps>
  <Step>
    On the **Dashboard**, navigate to **Menu** > **Products** > **View** a product > **Availability** > **Add Availability**

    <iframe title="Add Product Availability" frameborder="1" className="rounded-xl w-full aspect-video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen autoPlay muted loop src="https://www.loom.com/embed/031d543aa0254856bd49ab65dafa6ac8?sid=34cbd024-19fa-477a-a719-a0652092c3c8" />
  </Step>

  <Step title="Determine Recurring or One-Time Availability">
    <AccordionGroup>
      <Accordion title="Recurring Product Availability">
        **Recurring Product Availability**

        Set up weekly availability for specific products, *i.e. available to order every Monday from 8:00AM - 11:30AM*

        <Frame>
          <img src="https://mintcdn.com/frostbytetechnologiesinc/qhDv7Y4J3v4JDInZ/images/recurring.png?fit=max&auto=format&n=qhDv7Y4J3v4JDInZ&q=85&s=e799144b465894192bf8073abc6df690" width="924" height="1018" data-path="images/recurring.png" />
        </Frame>

        <Steps>
          <Step title="Type">
            Select **Type** = **Daily Recurrence**
          </Step>

          <Step title="Day of the Week">
            Select one day of the week for availability

            <Note>
              There is no limit to the amount of daily recurrences that can be set up, but they must be created one at a time.
            </Note>
          </Step>

          <Step title="Start & End">
            Select a time period for daily availability

            <Note>
              For full day availability, set start and end times to 12:00AM - 11:59AM, respectively.
            </Note>
          </Step>

          <Step title="Hide item when unavailable">
            **Yes** = Item will only appear on order website during availability period

            **No** = Item will be available on the order website always, but can only be scheduled for pick up during the availability date range & time, i.e preorder
          </Step>
        </Steps>
      </Accordion>

      <Accordion title="One-time Product Availability">
        **One-time Product Availability**

        Set up a specified date range for when a product is availability

        <Tip>
          **Examples:**

          * Valentine's Day Specials can only be scheduled for pick up or ordered on February 14th
          * Limited time products only available for a week
        </Tip>

        <Frame>
          <img src="https://mintcdn.com/frostbytetechnologiesinc/zwrNCuFePZuT31lE/images/onetime.png?fit=max&auto=format&n=zwrNCuFePZuT31lE&q=85&s=f14fb67bdd63c4b1943d1c0a3fbea737" width="978" height="778" data-path="images/onetime.png" />
        </Frame>

        <Steps>
          <Step title="Type">
            Select **Type** = **Date Range**
          </Step>

          <Step title="Start and End Time">
            This will be the beginning and end time for the period, *i.e. from March 10th at 9AM to March 11th at 10PM.*
          </Step>

          <Step title="Hide item when unavailable">
            **Yes** = Item will only appear on the order website during the availability period

            **No** = Item will be available on the order website always, but can only be scheduled for pick up during the availability date range & time, *i.e pre-order*

            <Note>
              **Example:** The Valentine's Day Special is only available for pick up on February 14th, but on February 12th it is available for pre-order on the order website

              <Frame>
                <img src="https://mintcdn.com/frostbytetechnologiesinc/cU1yv4yDtvvvBB-v/images/vday.png?fit=max&auto=format&n=cU1yv4yDtvvvBB-v&q=85&s=69e7de9f2ce941808c408027216dd476" width="2152" height="1477" data-path="images/vday.png" />
              </Frame>

              <Frame>
                <img src="https://mintcdn.com/frostbytetechnologiesinc/cU1yv4yDtvvvBB-v/images/vday%20p2.png?fit=max&auto=format&n=cU1yv4yDtvvvBB-v&q=85&s=464c616aeb33076bf1b8a42250cfbae7" width="1280" height="1104" data-path="images/vday p2.png" />
              </Frame>
            </Note>
          </Step>
        </Steps>
      </Accordion>
    </AccordionGroup>
  </Step>
</Steps>

## Advanced Notice for Products

Require an advance notice to order a product on all ordering platforms, *i.e. a product must be ordered 2 days ahead of pickup time.*

<Accordion title="How to Set Advanced Notice for a Product">
  <Steps>
    <Step>
      On the Dashboard, navigate to **Menu** > **Products** > **View** the desired product
    </Step>

    <Step>
      Click **Edit Information** > **Mobile Settings** > **Require Advanced Notice** = **Yes**

      Set the Advanced Notice in days

      **Optional**: Select a minimum or maximum quantity for ordering

      <Frame>
        <img src="https://mintcdn.com/frostbytetechnologiesinc/lA980-SrTShXzYYu/images/marketing/advnot.png?fit=max&auto=format&n=lA980-SrTShXzYYu&q=85&s=be0fd0219143925550efcdbc7a53601a" width="884" height="1290" data-path="images/marketing/advnot.png" />
      </Frame>
    </Step>
  </Steps>
</Accordion>
