Wyld Visual Sitemap

A Joomla module that creates interactive, customizable sitemaps with five unique layouts - including Vertical, Horizontal, Cards, and more.

Product Details
Wyldcode Visual Sitemap For Joomla
  • Five Interactive Layouts
  • Build the sitemap that fits your content. Choose from Vertical, Horizontal, Card Grid, Accordion, or Journey (timeline) layouts, each with clean, responsive markup.
  • Demo
  • Surprise Me!
  • Add a playful "Surprise Me" button that sends visitors to a random page from the selected menu. It respects aliases, headings/separators, targets, and won’t duplicate itself.
  • Demo
  • Custom Icons
  • Give the Card Grid personality. Use a default icon for all cards or menu-specific images for top-level items.
  • Demo
  • Fine-Tuned Styling
  • Match your brand in minutes. Set parent/child/hover colors and a safe border-radius (0–30px) right from module options.
  • Demo
  • Menu-Aware & SEO-Friendly
  • Pulls links straight from any Joomla menu. Handles aliases, separators, headings, URLs, and preserves Itemid for correct routing and breadcrumbs.
  • Demo
  • Easy Overrides
  • Craft it your way. Clean layouts and a single helper file mean simple template overrides and less duplication across views.
  • Demo
  • Multilingual Ready
  • Every label lives in language files. Use Language Overrides to localize titles, buttons, and strings in seconds.
  • Demo
  • Joomla 6 Compatible
  • Built on core Joomla APIs and menu routing. A tidy module that drops easily into any J6 site.
  • Demo

Wyldcode's Visual Sitemap is a Joomla 5 module that makes it easy to setup a modern-looking and user-friendly sitemap. It’s designed to be flexible, so you can setup a sitemap that fits the style of your site perfectly by selecting the layout that's more simplistic, or more interactive.

Choose from five different sitemap styles:

  • Vertical: A clean, traditional vertical list view.
  • Horizontal: A simple, side-by-side layout.
  • Card Grid: Animated flip cards with both hover and click options to trigger.
  • Accordion: Expandable sections, with compact navigation.
  • Journey: Progress-style navigation that reveals items as user scrolls.

Customizable Features:

  • Set parent-level colors and background colors for any layout.
  • Enable the “Surprise Me!” option to randomly send visitors to one of your sitemap links when it's interacted with.
  • Keep your sitemap clean, and fit to your site’s style and design.

With our Wyld Visual Sitemap module, you can create a sitemap that gives your visitors (and your team) a better way to explore your site.

Requirements: 

  • Joomla 5.x or 6.x
  • PHP 8+
  • Clean, override-friendly templates

Purchase: 

  • $7.99 /year

Screenshots

  • Screenshots: Wyldcode Visual Sitemap For Joomla
  • Screenshots: Wyldcode Visual Sitemap For Joomla
  • Screenshots: Wyldcode Visual Sitemap For Joomla
  • Screenshots: Wyldcode Visual Sitemap For Joomla
  • Screenshots: Wyldcode Visual Sitemap For Joomla
  • Screenshots: Wyldcode Visual Sitemap For Joomla

Guides & Troubleshooting

Install / Update the Wyld Visual Sitemap Module
  1. Go to Extensions > Manage > Install.
  2. Upload the module ZIP.
  3. After install, go to Extensions > Modules and search “Wyldcode Visual Sitemap”.
  4. Pick a position, menu assignment, and a Layout Style (Vertical, Horizontal, Cards, Accordion, Journey).
  5. Save & view.

Notes

  • The module’s name/description in the installer UI come from /administrator/language/en-GB/en-GB.mod_wyldvsitemap.sys.ini.
  • The in-module field labels come from /language/en-GB/en-GB.mod_wyldvsitemap.ini.
Wyld Sitemap Template Overrides / Custom CSS

Safely customize markup and styles.

Overrides

  • Copy the layout you want from
    /modules/mod_wyldvsitemap/tmpl/<layout>.php
    to
    /templates/your_template/html/mod_wyldvsitemap/<layout>.php.

CSS hooks

  • Root wrapper classes:
    • .wyldcode-visual-sitemap.vertical
    • .wyldcode-visual-sitemap.cards
    • .wyldcode-visual-sitemap.accordion
    • .wyldcode-visual-sitemap.horizontal
    • .wyldcode-visual-sitemap.journey
  • CSS variables:
    • --wyld-border-radius
  • Colours come from params; you can still override in your template CSS.
Which links does Wyld Sitemap "Surprise Me" Use?

We collect all valid URLs in the chosen Menu Type, including children (excluding separators/headings and the active page).

It never pulls from other menus (e.g., Footer) unless that menu is selected in the module parameter.

Toggle via Enable Surprise Me Button.

Wyld Sitemap Cards view only shows some items. What’s going on?

Common causes when the Card Grid looks "short".

  • Menu Type: Make sure the module is pointed at the right menu.
  • Menu item state: Unpublished or restricted (Access Level) items won’t render.
  • Separators/Headings: These show as non-click titles (or may be skipped depending on your template).
  • Aliases: Aliases render, but if the target is unpublished/inaccessible, it’s skipped.
  • Active page: The current active menu item URL is de-duplicated for "Surprise Me", but it still renders as a card.
  • Clear System cache if the menu was just edited.
Wyld Sitemap Cards and Adding Card Icons

Control the icon shown on each card.

Options

  • Per-item: In the menu item’s parameters, set Link Image / Menu Image.
  • Global fallback: In the module, set Default Card Icon if Menu Link Image not set.
  • SVGs are supported and look crisp at any size.
View Full Documentation

Still Stuck?

Open a support request and include your Joomla version, module version, and steps to reproduce.

Contact Us

v1.0.0 - December 11, 2025

  • Tested and confirmed compatible with Joomla 6

v1.0.0 - September 23, 2025

  • v1.0.0 - Release