July 05, 2022

Side Menu Customization

tutorial You can customize side menu of your app with Swipecart. In this tutorial we will explore all side menu settings.

tutorial

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.

tutorial With swipecart you can change the look of the side menu as well as add/edit menu items.

tutorial 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.

tutorial

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.

tutorial

To add a new menu item please click on Add A Menu Item button.

tutorial

Once you click on Add A Menu Item button a pop up will open. Let’s look at the pop up in detail.

tutorial

The first input item in the pop up is the Menu Item Icon. You can upload an icon for the menu item.

tutorial

You can provide the name of the menu item from Page Name input box.

tutorial

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.

tutorial

Once the menu item is linked please click on submit button to add the menu item.

tutorial

The live preview will be updated in the Menu Bar Item section.

tutorial

You can drag and drop items in the Menu Bar Item section and change their order.

tutorial

App preview will show the menu item you have just added.