You can customize side menu of your app with Swipecart. In this tutorial we will explore all side menu settings.
Side menu can be different for each layout. Please clicks on the edit button of the layout for which you would like to customize the side menu. You can find Side Menu Settings under Theme Settings.
With swipecart you can change the look of the side menu as well as add/edit menu items.
To change the look of the side menu, please select the view you like the most. Once you choose the view you like the most, please click on the save button or the preview button to see the preview of the change.
You can add/edit/delete menu items from the Menu Items section on the right hand side of the screen. We have couple of menu items in the menu bar by default already.
To add a new menu item please click on Add A Menu Item button.
Once you click on Add A Menu Item button a pop up will open. Let’s look at the pop up in detail.
The first input item in the pop up is the Menu Item Icon. You can upload an icon for the menu item.
You can provide the name of the menu item from Page Name input box.
We have three options when it comes to the page type.
User Defined pages are pages you have created from the home tab right next to them settings. You can link any of the page you have created to a menu item.
System Defined pages are pages that swipecart provides by default. You can link any of the system defined page to the menu item.
Web URL allows you to link the menu item to a web page. Clicking on this menu item will take the user to the URL. By default any web URL will open as in app web page. If you select Open outside the app the web
URL will open in the default browser the consumer has.
Once the menu item is linked please click on submit button to add the menu item.
The live preview will be updated in the Menu Bar Item section.
You can drag and drop items in the Menu Bar Item section and change their order.
App preview will show the menu item you have just added.