30
To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Menu/Catalogue tutorial

Embed Size (px)

Citation preview

Page 1: Menu/Catalogue tutorial

To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Page 2: Menu/Catalogue tutorial

Access the ‘Features’ tab on the App Panel

Page 3: Menu/Catalogue tutorial

Once the ‘Features’ tab has been selected the app panel will appear with a list of the features that are already applied to your app. On the top right of the panel there is a ‘Manage’ button, click this to access the features menu where you can pick and choose which features you would like on your app.

Page 4: Menu/Catalogue tutorial

Select the 'Menu/Catalog’ feature. ‘Add’ the feature and then move it to where you would like it to be placed on your

app panel. Press ‘Close' once you’ve finished.

Page 5: Menu/Catalogue tutorial

Select the ‘Menu/Catalogs’ tab now located on your app panel.

Page 6: Menu/Catalogue tutorial

For a detailed description of what the ‘Menu/Catalog’ feature does hover over the question mark button

Page 7: Menu/Catalogue tutorial

Click the customise button to change the name or the icon

of your menu/catalog feature.

Page 8: Menu/Catalogue tutorial

To chose an icon or to upload your own custom icon press

the ‘Browse’ button.

Page 9: Menu/Catalogue tutorial

Choose an icon from the list provided, or to upload your own icon press the ‘Upload custom icon’ tab.

Page 10: Menu/Catalogue tutorial

To upload your custom icon drag and drop your 60 x 60 pixel image into the blue area, or press browse to find your icon manually. Press

set when you have chosen your icon.

Page 11: Menu/Catalogue tutorial

Choose the Category Tier to be either a ‘Single’ or ‘Multi Level Deep’ category list

Page 12: Menu/Catalogue tutorial

A ‘Single level deep’ tier lists everything out on the menu like above

Page 13: Menu/Catalogue tutorial

A ‘Multi level deep’ tier lists everything out as separate groups like above

Page 14: Menu/Catalogue tutorial

Press ‘Save’ once you have finished customising your features name and icon.

Page 15: Menu/Catalogue tutorial

If you would like to enable mobile ordering click on 'Shop’ in the Navigation Panel. Then click on ‘Settings’.

Page 16: Menu/Catalogue tutorial

Under Settings, please look for ‘Mobile Order’ in General Information and enable it (by sliding the button to green).

Page 17: Menu/Catalogue tutorial

You’ll need to confirm your changes by choosing ‘Yes’, when asked if you’d like to enable Mobile Ordering.

The Mobile Order button will show ‘green’ which means it’s enabled.

Page 18: Menu/Catalogue tutorial

Click on the ‘Add' button to add a Category

Page 19: Menu/Catalogue tutorial

Customise your category by filling out a name and adding a 280 x280 pixel image in to the blue area

Page 20: Menu/Catalogue tutorial

Note: If it's a sub-category you're adding (Multi-level deep), please select the Parent category and then type in the necessary fields.

Page 21: Menu/Catalogue tutorial

Add an item to your newly set up category by pressing ‘Add Item’

Page 22: Menu/Catalogue tutorial

Fill out the relevant information required for your listing including name, synopsis, and price (if

required).

Page 23: Menu/Catalogue tutorial

You can choose to add media with either a image (A PNG/JPG at 640 x 427 pixels), or YouTube video by filling out the required URL

Page 24: Menu/Catalogue tutorial

Fill out the URL you would like to link to if you’re event is shared (or leave blank).

Page 25: Menu/Catalogue tutorial

Activate this button if you would like to enable mobile ordering for this item

Page 26: Menu/Catalogue tutorial

Add a description on the menu item that you are adding

Page 27: Menu/Catalogue tutorial

Press save once you’ve finished adding your menu item.

Page 28: Menu/Catalogue tutorial

The Edit option on the right of each event item allows you to edit the content for that particular item.

Page 29: Menu/Catalogue tutorial

Change the order of your icons by selecting ‘Change Order’

Page 30: Menu/Catalogue tutorial

Drag the dot icon to rearrange the order of your items. Press ‘Update New Order’ once you’ve finished.