Main Tab Settings|Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

You can use the “Main Tab” feature to display specific product categories on the app’s homepage, allowing customers to view featured products or promotional information.

 

Step 1

Go to SHOPLINE Admin > [Mobile App Management] > [App Design] > [Current Template]. Click Set up to enter the app editor page.

*Note: This setting will apply to both Simple Template and Mall Template. We recommend selecting the template currently in use.

Screenshot 2024-10-28 at 11.48.03 AM.png

 

Step 2

In the left-side element panel, click Main Tab to configure the following settings.

Screenshot 2024-10-28 at 11.58.44 AM.png

 

i. Display multi-tab

Enable this option to show the main tab in the app.

Screenshot 2024-10-28 at 12.01.39 PM.png

 

ii. Release Schedule (optional)

If you have set a release time, the main tab will be scheduled to display in the app.

Screenshot 2024-10-28 at 12.09.40 PM.png

 

Step 3

Set up tab contents in the left-side element panel, supporting up to 4 tabs.

i. Home

"Home" is the system's default tab. You can edit the tab name, but you cannot adjust the order or delete it.

Screenshot 2024-10-28 at 12.20.42 PM.png

 

ii. Custom tab

Click + Add to create a new tab. Enter the tab name and select the destination category. Currently, the "Custom Tab" supports two types of destination categories: "All Products", "Selected Category", and "Promotions". You can adjust the order or delete the tab.

*Note: "All Products" and "Promotions" are the system's default tabs. You can the name, adjust the order or delete them as needed. However, if you have edited the Main Tab before 18 March 2025, the system will not automatically preset the "Promotions" tab.

Screenshot 2024-10-28 at 2.13.08 PM.png

 

Step 4

After completing the setups, click Save in the top right corner. Once you confirm the content is correct, click Update and use to publish.

*Note: If there is only "Home" one tab, the setup can be saved or published, but the main tab will be hidden and will not display in the app.

 

 

 

 

Have more questions? Submit a request

Comments