design

Admin Guidelines(84)

Advanced Mode Themes (Mobile) > Plus App > My app > App design

App themes You can change the settings for the status bar, bottom navigation, and the splash screen. Restart the app to check whether the changes have been made correctly. Status bar theme settings Status bar theme settings You can change the theme of the status bar while the app is open. For Android, the status bar settings will be applied for Android Marshmallow (6.0, released in 2015) or higher. All iOS versions support the status bar settings. Background color The default color for the background is black (#000000). Transparency before scrolling You can make the status bar transparent before scrolling down. The status bar will change after scrolling into the color selected for the background. To enable this feature, you need to add a 20px top margin for the mobile store theme. With top margin Without top margin Use the "Preview" feature to check what your settings look like. Bottom navigation Background color The default color for the background is gray (#575757). Menu The menu name field is locked for the default menu, and you cannot edit or delete the field. You can add five to eight icons on the navigation bar. You can add up to three menus aside from the default menus. You can reset the page settings. (You need to save the changes to reflect them in your app.) For refresh icon, you need to add both refresh and stop refreshing icons as a set. The tab menu will immediately reflect the saved changes. Preview the changes before saving. Restart the app to see the changes made for the bottom navigation. Splash screen Add images You can only add PNG, JPG files under 1 MB (1440px * 2960px). When you add images, they will be automatically resized, and you can preview the resized images. Splash screen image A splash screen is an introduction page that appears while the app is launching. It serves to give users a teaser of your app or online store. Make sure you follow the recommendations within this menu. Using a heavy image file for your splash page could cause errors or make your app take longer to load. To check any changes made to your splash screen, close the app and launch it again. Preview (for Android) The image you added in 'Add images' is automatically resized to fit the Android device screen. You can add or edit the images individually. Click 'Save' on the bottom to instantly reflect the changes. Restart the app to see the changed splash screen. Preview (for iOS) The image you added in 'Add images' is automatically resized to fit the iOS device screen. You can add or edit the images individually. Click 'Save' on the bottom to instantly reflect the changes. Restart the app to see the changed splash screen. Splash screen duration Decide on how long you wish to keep the splash screen displayed after the app is fully loaded.