33
Access the ‘Features’ tab on the App Panel

Putti Menu/Catalog Tutorial

Embed Size (px)

Citation preview

Page 1: Putti Menu/Catalog Tutorial

Access the ‘Features’ tab on the App Panel

Page 2: Putti Menu/Catalog 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 3: Putti Menu/Catalog Tutorial

Select the ’Menu/Catalog’ feature. Drag and drop the feature to where you would like it to be placed on your app

panel. Press close once you’ve finished.

Page 4: Putti Menu/Catalog Tutorial

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

Page 5: Putti Menu/Catalog Tutorial

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

Page 6: Putti Menu/Catalog Tutorial

Click the customise button to change the name or the icon

of your menu/catalog feature.

Page 7: Putti Menu/Catalog Tutorial

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

the ‘Browse’ button.

Page 8: Putti Menu/Catalog Tutorial

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

Page 9: Putti Menu/Catalog 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 10: Putti Menu/Catalog Tutorial

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

Page 11: Putti Menu/Catalog Tutorial

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

Page 12: Putti Menu/Catalog Tutorial

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

Page 13: Putti Menu/Catalog Tutorial

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

Page 14: Putti Menu/Catalog Tutorial

If you would like to enable mobile ordering click on the mobile ordering settings button. This will prompt you to confirm

activating mobile ordering for your app.

Page 15: Putti Menu/Catalog Tutorial

Click on the ‘Add' button to add a Category

Page 16: Putti Menu/Catalog Tutorial

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

Page 17: Putti Menu/Catalog 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 18: Putti Menu/Catalog Tutorial

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

Page 19: Putti Menu/Catalog Tutorial

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

required).

Page 20: Putti Menu/Catalog 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 21: Putti Menu/Catalog Tutorial

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

Page 22: Putti Menu/Catalog Tutorial

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

Page 23: Putti Menu/Catalog Tutorial

Add a description on the menu item that you are adding

Page 24: Putti Menu/Catalog Tutorial

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

Page 25: Putti Menu/Catalog Tutorial

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

Page 26: Putti Menu/Catalog Tutorial

Press the bin icon if you would like to delete that item

Page 27: Putti Menu/Catalog Tutorial

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

Page 28: Putti Menu/Catalog Tutorial

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

Page 29: Putti Menu/Catalog Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your menu/catalog tab.

Page 30: Putti Menu/Catalog Tutorial

View your menu items and click on each single item for a full description

Page 31: Putti Menu/Catalog Tutorial

Preview WebsiteIf you have chosen to have a responsive website then make sure you have completed the ‘Configure Website’ section of the CMS.

Click ‘Preview Website’ on the app panel.

Page 32: Putti Menu/Catalog Tutorial

Once you’ve accessed your website navigate to your mobile menu/catalog feature. Your link will appear in different places depending on the layout or template

you’ve chosen.

Page 33: Putti Menu/Catalog Tutorial