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
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/background_ani.gif)
Border Bottom
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/border_bottom_ani.gif)
Border Top
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/border_top_ani.gif)
Creative Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/creative_hexagon.gif)
Creative
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/creative.gif)
Default
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/default_ani.gif)
Fancy Border
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/fancy_border_ani.gif)
Fancy Dot
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/fancy_dot_ani.gif)
Floating
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/floating_ani.gif)
Inspired Inside
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_ani.gif)
Floating
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/floating_ani.gif)
Inspired Inside
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_ani.gif)
Inspired Inside Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_hexagon_ani.gif)
Inspired OutSide
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_ani.gif)
Inspired Outside Deep
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_deep_ani.gif)
Inspired OutSide Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_hexagon_ani.gif)
Inspired Outside Deep
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_deep_ani.gif)
Inspired OutSide Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_hexagon_ani.gif)
Inspired Outside Radius
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_radius_ani.gif)
Inspired Top Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_top_hexagon.gif)
Inspired Top
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_top.gif)
Salomon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/salomon_ani.gif)
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
![](https://appcheap.io/wp-content/uploads/2023/07/Screenshot-2023-07-06-at-15.58.10.png)
– Add a new tab: They also create a new tab by clicking on [Add item] button then input necessary fields.
![](https://appcheap.io/wp-content/uploads/2023/07/Screenshot-2023-07-06-at-16.01.00.png)
– Duplicate / Remove a tab: users are able to duplicate/Remove a tab easily by clicking the corresponding buttons.