Product Categories Display
$14.00

Your Category Navigation Looks Like a 1998 Phone Book

Grey text links stacked in a list. No pictures. No reason to click. You built a whole catalog and then hid it behind the most boring menu on the internet. The Categories Module turns that tree into an image-led grid or a swipeable slider shoppers actually want to tap.

2
Layouts: grid or slider
1
Dynamic module covers every page
3
Levels of subcategories deep
21
Languages included

Everything Your Catalog's Front Door Has Been Missing

Image-led, touch-friendly, and smart enough to know what page the shopper is on.

Visual Category Grid

Your categories as clean image cards in a responsive grid — not a sad column of underlined text. The eye lands on a picture and the finger follows.

Swiper Carousel Mode

One dropdown flips the whole thing into a swipeable, touch-friendly slider — perfect for a homepage strip that shows a few categories and teases the rest.

Dynamic Auto-Detect Mode

It reads the page the shopper is on and shows the right subcategories automatically. One module, set once, correct on every page. Set it and walk away.

Custom Image Per Category

Category's own picture not doing the job? Drop a lifestyle shot or hero image from your media library onto any category — two clicks, your choice.

Drag-and-Drop Builder

A visual panel loads your child categories. Drag them into the order you want, pick each one's image, done. No ordering numbers, no spreadsheets, no setting files.

Live Product Counts

Show "42 products" right on the card. The cheapest social proof you'll ever ship — a full category looks worth exploring.

Nested Subcategories

Show child categories inside each parent card, up to three levels deep, with clickable quick-links. Your whole catalog map at a glance.

Show Exactly What You Want

Image, title, description, count, child links — every element is a switch. Minimalist image wall or dense catalog map. Make the image clickable but not the title. Your call.

Built for Your Template

Native Bootstrap 5 and UIkit 3 layouts, switchable with one dropdown or auto-matched to your page. Lazy-loaded images, hover polish, 21 languages. Modern because it is.

Dynamic Mode Ends the Busywork

The manual way means a separate navigation module for every section of your store — each one hand-configured, each one going stale the moment you add a category. Dynamic mode reads the page the shopper is standing on and shows the relevant subcategories automatically. One module, placed once, correct everywhere. Add a new category tomorrow and it just appears. On product pages it can even surface the sibling categories — the other aisles in the same department — so a shopper who came for one thing wanders into three.

The Builder: Drag, Drop, Done

Open the builder and your child categories load into a clean panel. Drag them into the exact order you want. Pick each category's image with a visual media picker. Decide whether each one shows its own image, a custom override, or nothing — and a little badge tells you how many subcategories each has. You arrange your storefront like a shop window: by hand, by eye, in seconds. No ordering numbers. No configuration files. You drag the card and it stays there.

Custom Images That Actually Sell

Category images are usually an afterthought — a tiny icon, or nothing at all. The builder lets you drop a real, gorgeous, on-brand image onto any category, straight from your media library. A lifestyle shot for "Outerwear." A hero product for "New Arrivals." Whatever makes a shopper want to tap. Your homepage stops looking like a database and starts looking like a magazine spread.

Real Stores, Real Storefronts

A boutique wants a homepage that sells the lifestyle, not the SKU. They use the builder to drop a custom editorial image onto each top-level category — moody outerwear, bright summer dresses, crisp workwear — arrange them by hand into a four-column grid, and turn on product counts. The homepage stops looking like a database and starts looking like a magazine spread. Shoppers tap the picture, land in the category, and the bounce rate drops because the storefront finally looks like a place worth entering.

An electronics retailer has hundreds of categories nested three levels deep. Hand-building navigation for every page would be a part-time job. They set one module to Dynamic mode and place it across all category pages. Now every page automatically shows its own subcategories, with quick-links to the deeper levels — and when the merchandising team adds a new product line, it appears in navigation instantly with zero configuration. One module. Whole catalog. Always current.

A home-goods store runs rotating seasonal collections. They place the module in slider mode on the homepage, set it to autoplay and loop, point it at their featured categories, and drop custom seasonal hero images onto each one. The result is an always-moving carousel that keeps the storefront feeling fresh — and when the season changes, they swap the images in the builder in five minutes instead of rebuilding the page.

Stop Hiding Your Catalog Behind a List of Text Links

Your category tree is your best sales tool. Give it the front door it deserves — image-led, touch-friendly, and smart enough to know what page the shopper is on. Your phone book has been embarrassing you long enough.

Translated In The Following Languages

Arabic Unitag (ar-AA), Chinese, Traditional (zh-TW), Danish (da-DK), Dutch (nl-NL), English (en-GB), English, USA (en-US), Finnish (fi-FI), French (fr-FR), German (de-DE), Greek (el-GR), Hebrew (he-IL), Italian (it-IT), Japanese (ja-JP), Norwegian Bokmål (nb-NO), Persian Farsi (fa-IR), Polish (pl-PL), Portuguese, Brazil (pt-BR), Portuguese, Portugal (pt-PT), Russian (ru-RU), Spanish (es-ES), Swedish (sv-SE), Turkish (tr-TR)


  • Developer J2Commerce
  • Extension Type Module
  • J2Commerce Version 4.x, 6.x
  • Joomla Version 5.x, 6.x, 4.x
Language Translations
Arabic UnitagArabic Unitag
Chinese, TraditionalChinese, Traditional
DanishDanish
DutchDutch
EnglishEnglish
English, USAEnglish, USA
FinnishFinnish
FrenchFrench
GermanGerman
GreekGreek
HebrewHebrew
ItalianItalian
JapaneseJapanese
Norwegian BokmålNorwegian Bokmål
Persian FarsiPersian Farsi
PolishPolish
Portuguese, BrazilPortuguese, Brazil
Portuguese, PortugalPortuguese, Portugal
RussianRussian
SpanishSpanish
SwedishSwedish
TurkishTurkish

Fix castAsChar cannot be used under Joomla 6

New Feature Add 7 locale translations: en-US, da-DK, fi-FI, nb-NO, pt-BR, tr-TR, zh-TW

New Feature Add module thumbnail image shown in the Joomla module manager

Improvement Declare new language files and media images folder in manifest

Update Requires Joomla 6.x + J2Commerce 6.x

Update J2Commerce v4 and Joomla 4/5 support

Stay Updated

Subscribe for free and be the first to know about the latest features, updates, and new additions.