To make a good first impression for your mobile users, the Home Screen is one of the most important things you can use to show what you sell to your users.
After successfully logging into JMango360, open your app and go to the 'Design' tab.
Click on the button '+ Add Feature'.
A popup will be displayed which is the Feature Library, click on 'Home Screen'which will greet your users with a customizable home screen.
Note: From now it is useful to use the 'app preview', to give you an idea of what the app will look like.
Step 1: is about what you want to display in the title bar, make a choice between one of the two below:
1. Give the home screen a name in 'Display Text', we would recommend 'Home'. Or. 2. Upload a logo in 'Display Logo', which will be displayed within the title bar with a maximum resolution of: 1125 x 200 px (For an explanation about uploading images, click here). Afterwards: - Tick (or remove the tick) on the checkbox to if you don't want or want the Title Bar to overlap the Slideshow or the Button Rows section. By default, it is checked. When mouse hover the question mark icon, it will display the tip "This requires mobile version 2.32.0”. - Tick (or remove the tick) on the checkbox to show/hide the Global search function. This function is applied for app mobile running from version 2.7.0. - Tick (or remove the tick) on the checkbox to show/hide the Shopping cart icon. This function is applied for app mobile running from version 2.7.0.
Step 2: is to insert the slideshow and apply a supporting text on each image with a matching color (If you do not want to show a slideshow, click on the checkbox "Disable Slideshow")
After clicking on the button "Add Slide", click on the square on the left to choose an icon for your slideshow image, the image resolution can be: 1125 x 800px. In case you don't select the option "Slideshow and Button Row Offset", please leave the image header blank (a slider including 2 parts: image header: 1125 x 200px, image body: 1125 x 600 px). Take a look at an example below:
Select how to show this slide show image(s) in 'Option'.
Select 'Link' to choose to which menu item the image should link to.
To share a message on your home screen, add the text in the text box.
Click on ‘Add Slide’ to upload more images, which will be displayed on your home screen.
Note: Check via the 'App Preview' if the slideshow has the expected result, if not you are always able to edit the slide.
Step 3: is to create a 'button row' underneath the slideshow. Your users are able to click on these buttons, which will be linked to another page both in the app or any pages by adding a URL. When your users click on a button, they will be redirected to the page you choose.
Click on '+ Add Row' to create another button row.
You can add button per row by tapping on the '+' button but no more than 3 added buttons per row. Plus, remove button(s) by clicking on the 'garbage ban icon'. Re arranging the order of the button can be done with the icon in between the remove and add icon.
+ If there are one image per row, please upload image with resolution: 1125 x 400 px. + If there are two images per row, please upload image with resolution: 562 x 400 px. + If there are three images per row, please upload image with resolution: 375 x 400 px.
If you want two images per row, upload the image with resolution: 562 x 400 px.
If you want three images per row, upload the image with resolution: 375 x 400 px.
Click on 'Save' to keep all the changes.
Did you know?
In Standard apps, the Cart icon won't be displayed in the Title bar in case you deselect the option "
For an explanation about Product Order Settings, pleaseclick here.