Caterer App Documentation

Tagline and/or comments...

Product Manager

The tasks that you can do in Product Manager are:

1. View the Products List.
2. Edit/Delete a Product.
3. Assign/Unassign the products to Bar Counter/Counters.
4. Add a new Product.
5. Edit/Delete Sub-Categories.
6. Add a new Sub-Category.
7. Sort the Sub-Categories.
8. View the products assigned to Bar Counter/Counters.

Product Manager has 3 Tabs:

• PRODUCTS Tab
• CATEGORIES Tab
• MANAGE Tab

PRODUCTS Tab

1. SEARCH Products or Category:
1. TYPE the product name or category name or sub-category name in the SEARCH BOX to find the desired product/products.
2. Or SCROLL through the list of all the products below, to find the desired product/products.
2. EDIT/DELETE/ASSIGN/UNASSIGN Product: Besides each product, their Category is listed (in pink) and Sub-Category (in blue). All the product operations such as Edit Product, Delete Product or Assign/Unassign Product to Bar Counter/Counters can be done by Tapping the THREE DOTS on the right side of each product.
1. Edit Product: You can change everything here such as Product Image, Product Name, Price, Product Description, Category, Sub-Category. Lastly, you can also toggle the button at bottom, if the product is alcoholic.
2. Delete Product: Just delete the product and it would be no more in the products list.
3. Assign/Unassign Product: Each product can be assigned to one or more Bar Counters by selecting the relevant Bar Counter/Counters. Also the product can be unassigned from one or more Bar Counters by deselecting the relevant Bar Counters/Counters.
3. ADD Product (+ icon): Tap the + icon on bottom right. You would be taken to the ADD NEW PRODUCT page. Here you need to enter:
1. Product name, Price. Product Description is optional.
2. Category as DRINKS or FOOD and relevant Sub-Category.
3. Product Image is mandatory. You wouldn’t be able to add products without the image.
4. Also toggle the button at bottom, if the product is alcoholic.
5. Finally tap the TICK icon to add the product.

CATEGORIES Tab

1. The CATEGORY of products can be, either FOOD or Drinks only.
1. FOOD
2. DRINKS
Below is the list of all the Sub-Categories in the CATEGORY selected above. SCROLL through the list to find the desired Sub-Category.
2. EDIT/DELETE/SORT Sub-Category: Besides each Sub-category, there are two icons on the right side for Editing Sub-Category, Deleting Sub-Category.
1. Edit Sub-Category: You can change everything here such as Sub-Category Name, CATEGORY and Sub-Category Image.
2. Delete Sub-Category: Just delete the product and it would be no more in the list.
3. Sort products: To sort the products, there is a pink text below each Sub-Category which reads “Sort Products”. Tap this to sort products alphabetically or manually in that Sub-Category only.
3. ADD Sub-Category (+ icon): Tap the + icon on bottom right. You would be taken to the ADD NEW SUB-CATEGORY page. Here you need to enter:
1. Sub-Category title.
2. Relevant Category (either FOOD or DRINKS).
3. Product Image is mandatory. You wouldn’t be able to add Sub-Category without the image.
4. Finally tap the TICK icon to add the Sub-Category.
4. SORT LIST (⇅icon): Tap the ⇅ icon on bottom left. You would be taken to the SORT LIST page. Here you can:
1. Order all the Sub-Categories alphabetically by tapping (↺icon) on the bottom left side of the page.
2. Order Sub-categories manually by grabbing the “cross arrow” on the right side of each Sub-Category and moving it up or down as desired.

MANAGE Tab

1. SELECT any Bar Counter
1. Tap on the Bar Counter selection box and the list of Bar Counters pops up.
2. Select any Bar Counter e.g Bar Counter Four.
Below is the list of all the Products assigned to the selected Bar Counter. SCROLL through the list to find the desired Product.
2. SELECT Category (either FOOD or DRINKS) to display products from that Category.
3. UNASSIGN/Out-of-Stock Product: Besides each product, their Category is listed (in pink) and Sub-Category (in blue). All the product operations such as Unassign Product from the selected Bar Counter, Mark the Product Out-of-Stock, can be done by Tapping the THREE DOTS on the right side of each product.
4. ASSIGN Product to the Bar Counter: Tap the icon on bottom right of screen. You would be taken to the ADD PRODUCT TO COUNTER page.
1. TYPE the product name or category name or sub-category name in the SEARCH BOX to find the desired product/products.
2. SELECT product/products by Tapping the (✔) icon on the right side of each product. You can also select the whole list at once by tapping on the SELECT ALL icon on the bottom left of the screen.
3. Once the product/products are selected, they are assigned to the selected counter by tapping the (✔) icon on the bottom right of the screen.

Bay Manager

The tasks that you can do in Bay Manager are:

1. View the Bays assigned to a Bar Counter.
2. Assign Bays to a Bar Counter.

Bay Manager has 2 Tabs:

• ASSIGNED Tab
• TO BE ASSIGNED Tab

ASSIGNED Tab

1. SELECT any Bar Counter:
1. Tap on the Bar Counter selection box and the list of Bar Counters pops up.
2. Select any Bar Counter e.g Bar Counter Four.
Below is the list of all the Bays assigned to the selected Bar Counter.
2. Name of the STAND: The Bays are grouped into various Stands. The name of the Stand is at the top of the grouped Bays.
3. UNASSIGN Bays: You can unassign any Bay from a particular STAND and the selected Bar Counter by clicking the cross sign next to the Bay number.

TO BE ASSIGNED Tab

1. SELECT any Bay in any STAND:
1. Pop up appears asking Assign Selected Bays.
2. When you click on Assign Selected Bays, there is a list of all the Counters.
3. Assign the Bay to the required Counter.

Manage Counters

We have added SASS .scss files in template. If you know how to use SASS you can change sass files and compile the css as well. You can find sass file here - HTML/assets/sass

Employee Manager

You can change your Website's Color Scheme in an instant. We have build 10 Color css file for change template primary color.

• color-blue.css - Blue Color
• color-brown.css - Brown Color
• color-cyan.css - Cyan Color

Order Settings

We have include a Custom CSS File in the css Folder so that you can better handle your Customizations for New Styles or Overwriting Default Theme Styles. Simply add all your Custom CSS Codes in the css/custom.css File and link it in the Document <head> after the css/stylesheet.css Linking. Also make sure that this is the Last Linked CSS File in the Document <head> so that your Custom CSS Styles are Overwritten properly.

General Settings

The Logo Container can be found in the Header Container - <header>

<!-- Logo --> 
<a class="logo ml-3 ml-md-0" href="index.html" title="iDocs">
   <img src="images/logo-light.png" alt="iDocs"/>
</a>
<!-- Logo End -->

CRM App Documentation

Also known as Stadium App

Thank you so much for your patience...

DASHBOARD

Documentation and examples for typography, headings, body text, lists, and more.

Headings

ANALYTICS

Documentation and examples for displaying inline and multiline blocks of code

STADIUM CRUD

Documentation and examples for opt-in styling of tables.

iDocs is based on Bootstrap 4, so you can easily use Bootstrap's table classes to style your table. Bootstrap Documentation

Bordered

<table class="table table-bordered">
   .......
</table>

Striped

<table class="table table-bordered table-striped">
   .......
</table>

NoteYou can refer more information in Bootstrap Documentation here: Bootstrap Documentation

PAYMENTS

Font Awesome icon sets are used in iDocs.

<i class="fas fa-mobile-alt"></i>
<i class="fab fa-twitter"></i>
<i class="fas fa-credit-card"></i>
<i class="fab fa-facebook-f"></i>

NotePlease go to their official documentation pages for a full list of icons: Font Awesome

PROFILE

Documentation and examples for opting images into responsive behavior and add lightweight styles to them—all via classes.

DESIGN ELEMENTS

The selected DESIGN ELEMENTS required for eatfromyourseat.com documentation are as under:

Bigger Text Paragraph to stand out from the normal text.

NoteYou can refer more information in Bootstrap Documentation here:

Alert Box type. lets try two line text. Alert Box type. lets try two line text. Alert Box type. lets try two line text. Alert Box type. lets try two line text. Alert Box type. lets try two line text. Alert Box type. lets try two line text.