Overall Color Setting | Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

The "Overall Color Setting" is located at the bottom left of the editor. It supports color settings for the Top Navigation and the Bottom Navigation.

 

1. How to setup

Step 1

Proceed to SHOPLINE Admin > [Mobile App Management] > [App Design] and click Setting to enter the "Current Template" and set up the editing page.

App_Design_Setting_EN.png

 

Step 2

Click Overall Color Setting at the bottom left.

Screen_Shot_2023-01-09_at_12.11.11_PM.png

 

2. Overall Color Setting Description 

Top Navigation

The corresponding color settings are as follows:

EN1.png

 

Click on the color bar or directly insert the color code to change the color.

Screen_Shot_2022-07-12_at_6.01.10_PM.png

*Notes:

  1. The background color and font color are automatically synchronized to the app homepage.
  2. The color of the icons at the top right of the app will synchronize the font color.

 

Bottom Navigation

The color setting for font and icon is displayed at the bottom of the app preview.

The corresponding color settings are as follows:

EN2.png

 

Click on the color bar or directly insert the color code to change the color.

Screen_Shot_2022-07-12_at_6.01.38_PM.png

*Note: If you use a custom icon image for the icon content, the font and icon color will not be synchronized to the icon image when the bottom navigation is selected.

 

Button

The button color will be shown in buttons for elements, including the Discount Code element, Text element, Product List element, and the download gift campaign. 

EN3.png

 

 

 

 

 

Have more questions? Submit a request

Comments