|This feature is available on:|
|Shopgate Connect||✔||Shopgate Go||✔|
In an effort to keep up with Apple's ever-changing guidelines and to enable a customized brand experience to your customers, Shopgate has released a new and easy way to design your app's launch screen.
With the new Unified Launch Screen feature, you are no longer required to upload different sizes of your launch screen design. Instead, you only need to add and configure the design elements once, our new smart algorithms will adapt and layout your launch screen to accommodate the screen sizes of different devices.
To configure the unified launch screen, log in to your Shopgate Admin and select Launch Screen under Design. Here you can add a background and arrange up to 2 images as your launch screen.
Add a background
Under the section "Background", you can select to use a solid color or an image as the background. If an image is used, it will be scaled to fully cover the screen and positioned in the centered.
- Fill the background with a solid color: Select Solid Color from the dropdown. Drag your cursor to choose a color, or enter a HEX code for a specific color. Click Save at the bottom of the page.
- Fill the background with an image: Select Image from the dropdown, then click Upload Image to upload a background image. To remove the image, click Discard Image. Click Save at the bottom of the page.
Upload and position image 1
Under the section "Image 1", click Upload Image to upload one. This image can be positioned to align on the top, center, or bottom of the screen, and is scaled within the defined vertical and horizontal margins.
- Vertical alignment
Vertical margin: Use the slider to leave an equal amount of margin on the top and the bottom. The margins are defined as 0 - 49% of the screen height. For example, a 10% vertical margin leaves an empty space of 10% screen height on the top AND the bottom of the screen, leaving an 80% screen height to display the image.
Horizontal margin: Use the slider to leave an equal amount of margin on the left and the right. The margins are defined as 0 - 49% of the screen width. For example, a 10% horizontal margin leaves an empty space of 10% screen width on the left AND the right of the screen, leaving an 80% screen width to display the image.
After you finish the configurations, click Save at the bottom of the page.
Upload and position image 2
Configure image 2 the same way as you configure image 1. If the two images overlap, image 2 will be placed on top of image 1.
After a design element is added, it will show inside a smartphone frame in real-time on the right side of the page. Use the dropdown to select a phone to review. Major smartphones are listed here.
Note: Preview for tablets is not provided, as the launch screen on tablets will simply display the app icon in the middle of the screen against a solid black background.
After you are happy with your launch screen, click the button "Activate launch screen" on the top part of the page. The unified launch screen feature is now activated for your app.
Note: The above step is only required the first time you upload and configure your launch screen.
For future changes to your launch screen click on the "Save" button at the bottom of the page after you have uploaded and configured your new launch screen.
Please inform our App Management team at email@example.com of the changes you have made. Your app will be re-compiled and submitted to the App/Play Store for review. The review process can take 1 to 3 business days. The new launch screen will be displayed after a user updates the app or installs the app for the first time.