Background of your App (eCommerce App)

Background of your App (eCommerce App)

The background parts of the app are fixed regardless of the page displayed and include the background color, separators, buttons, effects and margins of your application. 

Do not confuse it with the background of each section, keeping in mind that the first page corresponds to the home page. 

To set up your app background, go to the left swipe menu Content & Design > Design > General Design      
Do not confuse it with the background of each section, keeping in mind that the first page corresponds to the home page. 
 


1. Background

1. Add a color, even if you choose to use a background picture as it will be used for "Pull to refresh".
2. Add an image (optional)

The formatting for the background image is:
- 1242 X 2208 px for iOS and Android smartphones
- 1536 X 2048 px in portrait and 2048 X 1536 px for landscape for iPad if you are subscribed to the Premium native offer.
- Click on "Library" to access an online gallery providing content licensed under Creative Commons Zero. Feel free to use these photos, they are free and beautiful.

The color or background picture should highlight your content, not distract the user: avoid flashy colors.

Note: If you add a color and a background picture, the picture will override the color.



2. Separators

1. Select the color of your separators.
It will be applied to all pages of your app.

    • Related Articles

    • Section Design (eCommerce App)

      1. How to modify the design of your sections By default, your shop has a global style  applied to all your app's pages. For more info, please refer to this online help. You can modify the default design of each section to fit the image of your brand. ...

    • Global Style (eCommerce App)

      The Global Style menu manages your app's overall design from one single menu.  Colors, fonts, and effects chosen in this menu are applied to every section of your app. WARNING! Very important: When applying your global style to your app. If you had ...

    • Header (eCommerce App)

      The header (logo and title) is the upper part of the app that is always visible and accessible in all sections. The header serves 4 purposes : to display your app's identity to give the section a title to display shortcuts to navigate in the app To ...

    • Main Icons of the App (eCommerce App)

      The Icon step is mandatory to generate your native applications and highlight your brand. You should integrate an icon that will illustrate your Progressive Web App (PWA) and your native apps. The icon is a key visual element of your app. Web ...

    • Home Page and its Widgets (eCommerce App)

      Your home page is the first page displayed on your app after the launching screen. On this page, you can automatically highlight content from other pages, add call-to-actions, or insert useful links. You build your Home with widgets. By default, your ...