OpenCart Mobile App Homepage Modules

A well-designed homepage is the first thing your customers see when they open your mobile app. With OpenCart and the Purpletree theme, you can add multiple homepage modules to showcase products, highlight deals, and guide customers easily through your store.

1. Banner Module: -

The Banner module is perfect for promoting ongoing sales, highlighting seasonal offers, or creating call-to-action sections. You can use it for single large images or a set of promotional blocks that link to product pages, categories, or external URLs. Banners make your homepage visually appealing and help in driving conversions.

Get the Purpletree OpenCart Mobile App built with React Native.

Setup:

1. Install the Module – Go to Extensions → Extensions → Modules in your OpenCart admin panel and install the Banner module.

3. Create new banner module - Go to Extensions → Extensions → Modules → banner → Add new
   
   

Assign to Layout – go to Design > layouts > choose Purpletree Mobile app home > From the Drop-down list, select the home page banner > Save

2. Bestseller Module:-

   
   This module automatically showcases your top-selling products. It builds trust with customers because they see what other shoppers are buying, increasing the likelihood of conversions. Ideal for social proof and increasing repeat sales.

Setup:

1. Go to Extensions → Extensions → Modules.
2. Find Bestsellers and install it.
3. Click Edit, then configure:
• Limit: number of products to display.

• Image Width & Height (e.g., 200×200).
• Status = Enabled.
  

1. Assign it to the Home Layout → Content Top/Bottom.

3. Carousel Module: -

   
   The Carousel module is a scrolling slider, usually used for showcasing brand logos or collections of images. It helps create a professional look and is often placed mid-homepage to highlight partnerships, featured brands, or promotional items.

Setup:

1. Go to Design → Banners → Add New
2. Upload the images you want to showcase.
3. Then go to Extensions → Extensions → Modules → Carousel.
4. Create a new carousel, select your banner, set image size (e.g., 100×100), and Enable.
   

1. Add it to Home Layout.

4. Category Module

This module highlights product categories, giving shoppers quick access to your main departments. It improves navigation and helps customers find what they’re looking for without extra clicks. Adding category images can also make the homepage more engaging.

Setup:

1. Go to Extensions → Extensions → Modules → Category.
2. Install & Edit.
3. Set Status = Enabled.
4. Assign to Home Layout (Content Top or Side Column).
5. Ensure your categories have proper images in Catalog → Categories.

5. Featured Products Module: -

The Featured module lets you handpick specific products to display on the homepage. Use this for trending items, new launches, or high-margin products you want to push. It gives you total control over what to highlight.

Setup:

1. Go to Extensions → Extensions → Modules → Featured.
2. Add a new module, name it (e.g., “Homepage Featured”).
3. Select the products manually from your catalog.
4. Define Limit and Image Size (200×200 works well).
5. Enable and assign to Home Layout.

6. Latest Products Module: -

   
   This module automatically shows the newest products added to your store. It keeps your homepage fresh and encourages returning visitors to check out what’s new. Perfect for stores with regular product updates.

Setup:

1. Go to Extensions → Extensions → Modules → Latest.
2. Install & edit.
3. Set Limit, Image Size, and Status = Enabled.
4. Assign to Home Layout → Content Top/Bottom.
   
   

7. Slideshow Module: -

The Slideshow is one of the most important homepage elements. It sits at the very top and rotates multiple large images—ideal for promotions, featured categories, or seasonal campaigns. It instantly captures customer attention.

Setup:

1. Go to Design → Banners → Add New.
2. Name it (e.g., “Homepage Slider”) and upload multiple slider images with links.
3. Then go to Extensions → Extensions → Modules → Slideshow.
4. Select your banner, set dimensions (e.g., 1080×400 for mobile).
5. Enable and assign to Home Layout → Content Top.
   

8. Special Products Module: -

This section highlights products that are currently on special/discounted prices. It’s a strong sales driver since customers love browsing deals directly from the homepage.

Setup:

1. Ensure products have Special Price set in Catalog → Products → Edit → Special Tab.
2. Go to Extensions → Extensions → Modules → Special.
3. Configure Limit, Image Size, and enable the module.
4. Add to Home Layout → Content Top/Bottom.

Organizing the Homepage Layout: -

Once all modules are ready:

1. Go to Design → Layouts → Purpletree Mobile App Home → Edit.
2. Under Content Top / Content Bottom, add each module in the order you prefer.
• Suggested order: Slideshow → Category → Featured → Banner → Special → Bestseller → Carousel → Latest.
3. Save your layout and refresh modifications if needed.