MokoSuiteHero

MokoSuiteHero is a Joomla module that displays a random hero image from a configurable folder. Ideal for dynamic homepage banners and portfolio showcases.

Setting Up Hero Images

Configure MokoJoomHero to display rotating banner images on your site.

Step 1: Upload Images

Upload your hero images to a folder in /images/, for example /images/heroes/. Recommended size: 1920x600px or wider for full-width banners.

Step 2: Configure the Module

  1. Go to Content > Site Modules
  2. Find MokoJoomHero and click to edit
  3. Set the Image Folder to your upload path (e.g. images/heroes)
  4. Assign it to a template position (e.g. banner or top)
  5. Set the module to published and save

Supported Formats

JPG, PNG, WebP, and GIF images are supported. SVG is not supported for security reasons.

What is MokoSuiteHero?

MokoJoomHero is a Joomla module that displays a random hero image from a folder on your server. Perfect for dynamic homepage banners that change on every page load.

Features

  • Random Images — Displays a different image from your folder on each page load
  • Configurable Folder — Point it at any folder in your Joomla images directory
  • Responsive — Images scale to fit any screen size
  • Lightweight — No JavaScript required, pure server-side rendering

Installation

Install from the Moko Extensions manager, then assign the module to a position in your template.