Theme & Layout Settings

Customising your Website is easier than ever in Mobi2Go & the different variations available in Theme & Layout Settings, allows you to select your layout, brand your site & get up & running as soon as possible.

Whether you're using a custom storefront created by one of our talented web designers or whether you're using the available options in Theme & layout.Ā However you're displaying your storefront/ordering page,Ā Website settings is defined intoĀ 2 key groups; Design & Embed.

You will need Design (whether you choose toĀ Embed the Mobi2Go storefront or not) & then for those that want to Embed, you'll need to configure it accordingly.

Part of the Design process is the Theme & Layout, where you can customise how your menu & items display as well as add Images, add your Branding Colours & much more.

Remember

Website settings (eg. Theme & Layout) can only be set up at a Head Office level. If you are a store/franchise, you will need to contact your Company Administrator or ask our Support team.

Ā 

Theme & Layout Overview

Themes

Mobi2Go has predefined themes. These include the following:

  • Dixon (light)
  • Dixon (dark)
  • Ghuznee (light)
  • Ghuznee (dark)
  • Generic
  • Gradients
  • Bare

Pro Tip

Play around & test each theme to see which predefined theme may suit your brand, even as a foundation.


Menu Layout

The Menu Layout allows you to set how you would like your menu to look. There are three layout options:

  1. Three columns with the menu on the left hand side
  2. The menu at the top of the product column
  3. No menu with all categories showing on the main product area

Product Layout

The Product display layout option allows you to set how you would like the products displayed on your store. There are three options.

  1. Full column width
  2. Two column grid
  3. Four column grid

Logo

Select an imageĀ from the repository of already uploaded images, or you can upload a new image, to set as the logo for your website. You can also assign the width and height of your logo.


Ā 

To learn more about uploading & managingĀ Website Images, click here.Ā 


Background image

This is the image that will show in the background of of your Mobi2Go website.


Ā 

To learn more about uploading & managing Website Images, click here.Ā 


Product images

With the Product images setting you can have a site-wide optionĀ to enable if you would like your products to display images.


Note

We recommend that if Enabled, that you have an image for all products & modifiers, not just some as this can bring the overall look of the website down.


Colour

In Colour, you can edit the overall colour settings for your website.

  • Background - This will set the overall background colour for your website. You can also set it to transparent by adjusting the slider bar to the left.
  • Text - This is the colour of the text on your store
  • Button - This will set the colour of the buttons on your store
  • Button text - This will set the colour of the text on your store buttons

Ā 

Edit your Theme & Layout

  1. From theĀ Mobi2Go Admin portalĀ locate WEBSITE in the grey navigational pane
  2. Click on WEBSITE to access Website
  3. In Website, locateĀ Theme and layout
  4. Next toĀ Theme and layout, click EDIT
  5. Edit your theme, changes colours etc. as you need
  6. To see a live preview of the changes, click SAVEĀ 
  7. The changes made will display in the preview pane, above the Theme & Layout settings
  8. Otherwise to cancel any changes made, click CANCEL to go back to the previous screen

1 out of 1 found this helpful

Comments

0 comments

Article is closed for comments.