Top Navigation | Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

You can find the "Top Navigation" at the top section of the app's home page. This is where your store's app name or logo will be displayed.

 

This article will cover the following:

 

1. Select a type

i. Text

In "Content Setting", enter the name of your store or other information you wish to show the users. The maximum text limit is 20 characters (or 10 Chinese characters).

EN1.png

 

ii. Image

In "Content Setting", upload the logo of your store or other images you wish to show the users. It is recommended to use a PNG / JPG / JPEG image file with a size of 100*100 pixels, and the image size should not exceed 2MB.

EN2.png

 

2. Icon display settings

You can customize the content and the display order of "Settings", "Message", "Cart", and "My" icons. All icons are optional.

  • Click the 1.5_ZHb.pngand 1.5_ZHa.png to show or hide the icons. You can show at most 2 icons.
  • Use the 1.5_ZHc.pngicon to adjust the order.

*Notes:

  • The icon images are not customizable.
  • If the "Settings" icon at the Top Navigation and the "My" icon at the Bottom Navigation are not enabled, an update error window will pop up if you click Update. Please enable the "Settings" icon. 

EN3.png

 

3. Overall color settings

Click Overall Color Settings at the bottom left column to enter the settings page.

EN4.png

 

You can customize the font and background colors for the Top Navigation. The font color will synchronize with the icon color.

EN5.png

 

[Coming Soon] 3. Color Settings

Click the Theme Setting icon on the left and select Color.

Screenshot 2024-08-29 at 5.35.37 PM.png

 

Set the background / font color in the "Top Navigation" section. You can use the color palette or enter a color code directly.

Screenshot 2024-08-29 at 5.34.20 PM.png

 

 

Read More

 

 

Have more questions? Submit a request

Comments