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

Frequently Asked Questions

Answers to common questions.

Can I show different Wyld Sitemaps on different pages?

plus sign

Yes, you can publish multiple instances.

  1. Duplicate the module in Extensions > Modules.
  2. Point each instance at a different Menu Type or choose different Layout Styles.
  3. Use Menu Assignment to place each instance on specific pages.

Wyld Sitemap Accessibility & Motion Reduction

plus sign

Built-in support for reduced motion and keyboard users.

  • On devices with prefers-reduced-motion: reduce, we avoid confetti and keep transitions minimal.
  • Use descriptive Link Image alt text for icons.

Wyld Sitemap Template Overrides / Custom CSS

plus sign

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.

Wyld Sitemap Language overrides (e.g., "View %s", "Surprise Me")

plus sign

Customize frontend text via Joomla Language Overrides.

Keys you may want to override

  • MOD_WYLDVSITEMAP_SURPRISEME = “Surprise Me”
  • MOD_WYLDVSITEMAP_VIEW = “View Page”
  • MOD_WYLDVSITEMAP_VIEW_NAMED = “View %s”

Steps

  1. Go to System > Language Overrides.
  2. Choose language/site, click New.
  3. Key = the string above, Text = your custom label.
  4. Save & clear cache.

Wyld Sitemap Colour Settings & Readability Tips

plus sign

Quickly make things match your brand without breaking contrast.

Tips

  • Parent colours = top-level items / card fronts.
  • Child colours = children / card backs.
  • Hover colours = link hover & accents.
  • Aim for at least 4.5:1 contrast for body text.
  • If hover colours look too subtle, bump Hover Text Colour first.

Wyld Sitemap Border Radius

plus sign

The border radius field accepts CSS units, but we cap it for safety.

  • The module validates and clamps the value to a maximum of 30px internally.
  • Accepts px, em, rem, %. If invalid, it falls back to 0px.
  • The radius is applied consistently to cards, list items, and badges.

Wyld Sitemap Cards and Adding Card Icons

plus sign

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.

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

plus sign

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.

Which links does Wyld Sitemap "Surprise Me" Use?

plus sign

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.

Install / Update the Wyld Visual Sitemap Module

plus sign
  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.

Visit the Knowledgebase

Still Stuck?

Send us a support request with your Joomla version, module version, and what's happening, wee'll help you sort it out.

Request Help

v1.0.0 - December 11, 2025

  • Tested and confirmed compatible with Joomla 6

v1.0.0 - September 23, 2025

  • v1.0.0 - Release

Our Joomla extensions are publicly listed on the Joomla Extensions Directory (JED)