How To: Online Ordering – Theme

How to change the appearance of your online ordering pages

How To: Configure Online Ordering – Delivery & Collection
How to configure your online orderng for delivery and/or collection takeaways
How To: Configure Online Ordering – Gift Cards
How to set up electronic Gift Cards for sale via your Memsec7 online ordering.
How To: Online Ordering – Availability
Adjusting the Online Ordering Availability settings
How To: Online Ordering – Information
How to add information necessary for online ordering
How To: Online Ordering – Menus
How to make items available to order online
How To: Online Ordering – Settings
Online Ordering Settings
How To: Online Ordering
How to set up your online ordering page to enable online orders at the table, for collection or for delivery.
Click on the numbered links in the image below to read more about each section of the Online Ordering Theme screen.

1) Category startup appearance

This drop-down lets you control how the categories and their constituent sale items will appear when a user views the online ordering pages. There are 3 choices; Expanded, Not Expanded and Only one expanded at a time.

Expanded

All categories will be listed with all their sale items visible. Users will still be able to click on the shows expand less icon symbol to collapse a category and hide its sale items. Expanded categories look like this;

show web app with categories expanded

 

Not Expanded

Conversely, this setting displays only the category names in the page, requiring the customer to choose to expand each category they  wish to select from by clicking the icon. With this option set the page displays like this;

shows unexpanded categories in web app

 

Only one expanded at a time

As its name suggests, this setting ensures that only one category is expanded at any time while using the page. Expanding a new category will automatically contract the previous one. You can see this in operation below.

 

2) Google font name

This box allows you to change the font used in your online ordering pages. This is a drop-down list which you can also type into. The fonts available to select are as follows;

shows list of available fonts in those fonts

 

However, if you have a font that is used on your own website, that’s available in Google Fonts, you can type the name of that font in this list. As long as the spelling is correct, click ‘Save’ and your pages will use that font. For example, typing in ‘Fontdiner Swanky’

shows font name box with typing

 

produces a page looking like this;

shows web app in font Fontdiner Swanky

 

3) Colours

You can now change the colours of all elements in the ordering pages, according to the elements listed below;

shows colour selections for theme

The image below shows which items on the page correspond to which of the above headings.

shows areas of web app and their colour settings

4) Menu Image

Finally, you can add an image to the top of your main ordering page. This will probably be a logo but you could equally display a signature dish or venue photo;

show image selection panel

As you can see, you have the option to upload and delete images. When you upload an image, you’ll see how it will look on the page in the preview window. Here, for comparison, are screen shots of the above logo from both desktop and mobile sites:

shows screenshot of logo from desktop

 

shows logo in screenshot from mobile

`