Optimize app navigation with bottom tab

Enhance user experience and streamline navigation in your app with the convenient bottom bar feature. This article shows you how to design and customize the bottom bar to suit your needs. From choosing icons to adding custom buttons, we've got you covered.

1. About bottom tab

The bottom tab serves as a quick and main navigation hub in your app. This user interface component is at the bottom of the screen, allowing users to easily navigate between different sections of the app. 

With Alphonso, you have the flexibility to choose whether to display buttons with or without accompanying text. By default, the bottom tab includes Home, Cart, and Profile, and they are also mandatory buttons. Besides, you can add some other buttons, but please note that Alphoso supports up to 5 buttons for easy access.

We provide a range of buttons to choose from when designing your bottom bar. Currently, our button collection includes Home, Categories, Cart, Notification, Profile, Wishlist, and Search.

2. How to design the bottom tab?

To set up and  configure the bottom tab, follow these simple instructions:

Step 1: Go to Design > Bottom Tab. 

Step 2: Drag and drop the icons onto the bottom tab. Each button is already linked to a specific screen based on its name.

Step 3: To make changes to a button, hover over it and click Design. 

1. Title: Edit the name of the button according to your preference.
   
2. Page: Select the page you want to link to from the button.

Step 4: Toggle Show title to display or hide the button titles.

Step 5: To finish, click Save draft in the bottom right corner. 

Please note that saving a draft affects only the design page, allowing you to make further changes. To make the current design available to all mobile users, click Publish to Mobile.

If you have any further questions about using the bottom tab, we’re happy to help! Please reach out to us at customer.success@jmango360.com!

• Related Articles

• Getting started with Alphonso

  Welcome to Alphonso - the advanced app builder designed to empower you to create exceptional mobile apps. This article will take you on a guided tour of the Alphonso app builder and the core pages in the app builder. By the end, you'll have a general ...

• Overview of design features

  Step into the realm of app design and let your creativity take flight! Our app builder empowers you to craft visually appealing apps without the need for coding knowledge. In this guide, we will provide a design overview of Alphonso, presenting steps ...

• Set the app theme

  With our app builder, you are empowered to define the look and feel of your app by customizing the theme. In this article, we will discover where and how to customize a visually stunning and user-centric theme. 1. About app theme An app theme is a ...

• Welcome to JMango360

  Welcome to JMango360, a leading provider of cutting-edge e-commerce solutions. We are thrilled to introduce our latest offering, Alphonso, an advanced app builder designed to empower businesses to create exceptional mobile apps. In this article, we ...

• Build the category structure

  In this article, we'll share information about the Alphonso category tree and take you through the step-by-step process of creating your category page. The synchronized category structure automatically pulls the category tree from BigCommerce. In ...