Mobikul Prestashop V3 Admin Panel

If you have a Mobikul PrestaShop Application working on Mobikul Web Module V3 then you can add many functionalities in your application through your admin panel. So here we will cover all the extra functionalities provided by Mobikul back-end module.

Configuration

Configuration helps you to configure all the other functionalities in the application. It is further subdivided into various parts:

App Configuration

Products in blocks on landing page: Enter the number of products to display on the home page in each block.

Products per page: Set the number of products to be fetched when the user scrolls down in the app.

Homepage layout: Select the layout for homepage.

Select category type: Select the view in which you want to display categories in app. You can select default category view or tab category view.

Enable image slider: If enabled, then an image carousel will appear within the app.

Show new product block: The app will display new products if enabled.

Show best seller product block: App best-seller products will display if this setting is enabled.

Popular product block: Popular app products will display if enabled.

Show special product block: If enabled, the app’s special products will display.

WhatsApp support number: If number is filled in this field, then WhatsApp icon will display in the app. Customers can click on this icon and chat with admin.

Select app launcher: When app launches, the selected app launcher will display.

Theme Configuration

Mobile light theme

You can change your application theme dynamically. The next time the user launches your app it will be in the theme you choose from the back-end.

The admin can customize the theme by setting theme font, navigation color, navigation title color, background color, button background color, button text color, uploading logo, and splash image.

While making the changes, the admin can preview them on the page and does not have to necessarily view the app everytime he make changes to the theme.

Mobile dark theme

Most of the UI’s dark surfaces are displayed when using the dark theme. You can change your application theme dynamically. The next time the user launches your app it will be in the theme you choose from the back-end.

The admin can customize the theme by setting theme font, navigation color, navigation title color, background color, button background color, button text color, uploading logo, and splash image.

Push notification

In this section, you have to enter Google API key and sender Id. Enter topic name for Android and iOS to send notifications to respective devices. Enable the setting to send order status update notification to customers.

CMS page setting

Enable the pages you want to add to the application. Once enabled, these pages will show in the left drawer of the Application under the “More” tag.

Play store details

Under this tab, the admin needs to specify the Google Play and ITUNE store URLS. Icons will display for Google Play and App store in the front end. Customers will be redirected to the respective store by clicking on the link and install the app.

Also, the admin can set custom text for ‘download now title’ and download now description’ that will display in the front.

Front end view

Deep linking

A pop-up window asking the user to open the page in the app appears in the mobile browser. Afterward, the admin can add the following details.

Payment methods

Under this tab, the admin can enable the payment methods which he wants to show in the app.

App log and cache

API access log – Enable this field to log all POST/PUT/GET operations. Enable app cache – Enable this to manage the app response using cache. Clear app cache instantly – If enabled, then the app cache will clear instantly when any modifications are done in the objects selected in “Select backoffice object(s)” field. Select backoffice object(s) – App cache will clear instantly when modifications are done in the selected objects from the back office.

The admin can configure banners from this section. In this way, the admin can configure data like an image, sorting order, or a category or product link for the banner. Now, the app owner can manage the banner images by adding, editing, and deleting banner images.

Add new banner

For adding a banner image, click on the “Add new banner” button. By setting up the banner information, you can customize the banner image to meet your needs.

Click on the Edit option to edit the banner image as per your requirement.

Title: Here you need to enter the title of the banner image. Banner Image: Here the user needs to upload the banner image. Redirect Page: The admin can designate a category or product in this section to specify the type of banner to be displayed. Enabled: From here the user can enable or disable the banner image.

Delete Banner Image

For deleting the banner image the admin needs to click on the Delete option as per the below screenshot.

The admin can add or edit an image slider under this section.

Click on “Add Slide” button to add a new image in the slider. However, the admin can select the edit option and make changes by entering the following details and clicking on the save button.

These are just like PrestaShop default product blocks e.g New Products, BestSellers, etc. You can create a new block with any title and then add products to that block.

Adding Block: Add a block with the desired names like Frames & Photo Album.

Add Product: Now add the product by selecting the Block in which you want to add the product. To add products to the block the admin needs to click on “Add new product” button.

Select Block: Here the admin needs to select the block name in which he wants to add products. Product: The admin can search the products by the product name and add the searched products to the list. Afterward, the admin needs to click on the save button.

From this part of the panel, you can send Push notifications to all the application users. Just Create a new Notification and add the desired action like Product Page or Category Page, then select a particular product or category and send it to everyone.

Also please make sure that the expiry date is a valid future date and the status of the notification is active.

Allow notification for: In this field, the admin can choose whether he wants to send notifcation on android, iOS, or both the devices.

In App Categories, the admin can select all the categories as well as subcategories that he wants to add to the application. The admin can see the list of all the categories as well as add new categories by clicking on the Add new category button.

Afterwards, the admin needs to enter the following details and select categories and sub-categories.

With the help of augmented reality (AR) technology, you can more clearly display all of the product’s images as well as give customers a more accurate impression. By selecting Add AR File, the admin can manage AR products.

Afterward, the admin needs to select the product and upload USDZ and SFB files.

The admin can create the new walk-through by clicking on the Add New button available in the top right corner. Further, the admin needs to provide basic details like Walk Through Title, Description, and Image.

Under Manage App Launcher tab, the admin can add an image that will display when app launches.

Click on the ‘Add new’ button to add a new launcher.

The admin can select one of the launchers he added while configuring the app settings.

This tab enables the admin to customize the layout of the homepage.

Homepage Configurator

The admin can set the position in which he wants to display the blocks on the homepage. Admin can change the position of the blocks and preview it in the run time in the right side under Homepage Configurator.

Configuration

If admin has enabled “Want to show custom layout”, then blocks on the homepage will show according to list shown in the above screenshot. And if disabled, then default layout will show on the homepage.

This was all about Mobikul Prestashop V3 Admin Panel. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

For any kind of technical assistance or query, please raise a ticket or send us a mail at [email protected]