How easy is it to design Home-Page of PrestaShop Mobile App?


With the growing use of mobile apps, more businesses are willing to make extra efforts to stand out from their competitors. For eCommerce businesses, having a mobile app with regularly updating home-page design helps them to keep their customers engaged in a profitable way. Every time, a new offer/ new-arrival/ sale/ etc. is put up on their shopping app, making the customers aware of it can naturally boost their sales. This can be done by optimizing the home-page design as well (apart from push notifications & other campaigns) in PrestaShop Mobile App.

To make the home-page designing & re-editing easier for business owners, KnowBand offers eCommerce Mobile App Builder extensions. It not only helps eCommerce businesses with building their eCommerce Mobile Apps without a hassle & but also offers feature-rich backend & frontend for the benefit of businesses as well as app users. This article will shed light on how to use the PrestaShop Mobile App Creator Module to create, design & edit the home-page layouts.

Once the PrestaShop Mobile App Builder module, by KnowBand, is installed on your PrestaShop website backend, the home-page of the app can be easily customized anytime from the backend of this module.


On clicking ‘configure’ on this app maker module, you are presented with various editing options.


-Select ‘Home-Page Layout’ from the side menu.

-To create a new layout, click the ‘add new layout’ button. You can also re-edit the existing layouts. Also, you can pre-design multiple layouts & keep any one of them active on your Mobile App (from the general settings on the side menu).


-While designing or editing your app home-page layout, you can use a maximum of 20 components out of the complete list of different components shown in the side menu on the left. Hence, you can also use a single component multiple times in your layout

-Upon adding these components, you can edit each one of them & organize them using the drag & drop feature.

The best thing is that all the edits that you make, instantly reflect on the demo app screen within the home-page customization tab itself.

Components To Design Your PrestaShop Home-Page Layout:

1. Top Categories:


In a slider form, you can display small image icons with redirect links to relevant categories on your eStore. You can add a total of 8 of such categories in a single ‘top category’ component.

2. Square, Grid & Horizontal-Sliding Banners:



For all these 3 banner types, you can choose the redirect options among category pages, product pages, home-page & even any of the CMS pages. Add single or multiple elements under such banners according to your needs.

3. Square, Grid & Horizontal-Sliding Products:



With these 3 components, you can display singular products redirecting the app user straight to the specific product page. Because this PrestaShop App Builder Module also lets you set featured product listings. You can choose among following options to display the products:

● Best Seller Products
● New Arrivals
● Featured Products
● Special Products
● Products from a category
● Custom Products

4. Recently Accessed Products:

Including this component anywhere on the layout simply creates a horizontal slider for products displaying only the products that an app user has recently viewed. It is ideal to add this component only once in a home-page layout.

5. Countdown-Timer Banner:

This banner has an in-built countdown timer with all the necessary settings to make it your own. You can use it to inform your app users about an offer that is ending in a specified time. Having the timer running helps to engage the customers & to make successful purchases until the clock is running. Refer to the screenshot below for its settings.


Apart from all the edits, you can make to design your PrestaShop App’s home-page, there is one more useful thing that’s present all the time on your app’s screen. It is the tab bar.

Tab Bar-Designing:

From the side menu of the PrestaShop Mobile App Maker module backend, you can also design the tab-bar. This design remains common for all the home-page layouts. Add 3 to 5 elements in your tab-bar with necessary links to make your PrestaShop App look more professional & user friendly.

Here is how the ‘My Account’ tab-bar setting looks like:

By now, you must have gotten an idea of how user-friendly it is to create, design & edit the home-page layout of a PrestaShop Mobile app using the PrestaShop Mobile App Maker module.

From time-to-time, eCommerce apps do have to change their home-page layout to complement different offers, seasonal sales, new arrivals & whatnot. Hence, to make it easier yet effective for the eStore owners, our experts at KnowBand have developed this PrestaShop Mobile App Maker Module. Those who wish to test out this module before purchasing can even try out its free version.

Some of our beautifully designed client app:

A) Body Organics App:


B) Elecbee App:


C) ChirulliShop App:


D) Caribstore App: 


E) Terminal Fashion App:


F) VenusSense App:


G) Xbahrain App:


If you still have any queries related to this, feel free to email us at We would be more than happy to assist you.


Also Read: 

How easy is it to send personalized Push Notifications in PrestaShop Mobile App?

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *