Link to config: Go to Admin panel > choose [App Builder] > Select a template that you want to update > Choose option [Menu Bottom] on the dropdown refer here
Note: don’t setup multiple tabs that share the same screen, because this will lead to unwanted errors.
1. Layout
There are multiple layout templates that users can choose to set up for their app on [Layout] tab
Background

Border Bottom

Border Top

Creative Hexagon

Creative

Default

Fancy Border

Fancy Dot

Floating

Inspired Inside

Floating

Inspired Inside

Inspired Inside Hexagon

Inspired OutSide

Inspired Outside Deep

Inspired OutSide Hexagon

Inspired Outside Deep

Inspired OutSide Hexagon

Inspired Outside Radius

Inspired Top Hexagon

Inspired Top

Salomon

2. General
We already have 5 Tabs: Home, Shop, Wishlist, Cart, Me for this section. However, users can totally create or edit tabs as they want by clicking on [General] tab.
– Edit a tab: For each existing tab, user can edit: icon, title, destination

– Add a new tab: They also create a new tab by clicking on [Add item] button then input necessary fields.

– Duplicate / Remove a tab: users are able to duplicate/Remove a tab easily by clicking the corresponding buttons.
3. Style
Background Bottom Bar | User can set Background color for this section refer here |
Text Color | User can set text color for the item refer here |
Active Color | User can set active color for the item refer here |
On Active Color | User can set on active color for the item of layout Salomon Inspired Inside Inspired Inside Hexagon Inspired Outside Inspired Outside Hexago Inspired Outside Deep Inspired Outside Radius Inspired Top Inspired Top Hexagon Creative refer here |
Enable Shadow | User can enable shadow for the menu bottom refer here |
Padding Top | User can set padding top for the menu bottom refer here |
Padding Text & Icon | User can set padding text & icon for the menu bottom refer here exclude layout “salomon” |
Padding Bottom | User can set padding bottom for the menu bottom refer here |
Border radius | User can set border radius for the menu bottom refer here |
4. Customize in tab
Enable Customize | true |
Background Bottom Bar | User can set Background color for this section refer here |
Text Color | User can set text color for the item refer here |
Active Color | User can set active color for the item refer here |
On Active Color | User can set on active color for the item of layout Salomon Inspired Inside Inspired Inside Hexagon Inspired Outside Inspired Outside Hexago Inspired Outside Deep Inspired Outside Radius Inspired Top Inspired Top Hexagon Creative refer here |
Enable Shadow | User can enable shadow for the menu bottom refer here |
Padding Top | User can set padding top for the menu bottom refer here |
Padding Text & Icon | User can set padding text & icon for the menu bottom refer here exclude layout “salomon” |
Padding Bottom | User can set padding bottom for the menu bottom refer here |
Border radius | User can set border radius for the menu bottom refer here |
Active Border radius | User can set active border radius for the item of layout “salomon” refer here |
4. Activate the default tab

FAQs?
How to active home tab as default tab?