Module Navigator
A fast admin popup that lists every module on the current page, lets you jump straight to it, and copies original module IDs for anchors like #cc-m-xxxxx.
Overview
Module Navigator gives you a page-wide inventory of Jimdo modules while you edit. Instead of hunting through a long page visually, you open one popup, see every module with its type and ID, click a row to scroll there, or copy the ID for anchor links.
-
Shows all modules on the current page with numbered type labels
-
Click a row to smooth-scroll to that module
-
Click the ID badge to copy the original Jimdo module ID
-
Use copied IDs in links like
#cc-m-15453564323 -
Live footer count and draggable popup window
What it does
The popup scans the content area, finds every .j-module, identifies its type, and builds a jump list.
| Action | What happens |
|---|---|
| Open popup | Matrix scans the current page and lists all detected modules |
| Click module row | Smooth-scrolls to that module with sticky-header offset |
| Click ID badge |
Copies the original ID like cc-m-15453564323 and shows “Copied!”
|
| Add / remove modules |
Count updates live via MutationObserver
|
1 Quick setup
Step 1 — Enable the feature
Set moduleNavigator: true in your Head configuration.
features: {
moduleNavigator: true // Module navigator button and popup
}Step 2 — Open the popup in admin
The button appears in the Matrix toolbar while you are in the Jimdo editor on a page with modules.
Step 3 — Navigate or copy IDs
Click any module row to jump there, or click the ID badge to copy it for use in links.
2 Using the popup
The Module Navigator popup is intentionally simple:
-
Header — draggable, so you can move the popup anywhere
-
Module row — click to scroll to that section on the page
-
ID badge — click to copy the module ID
-
Footer — shows the total number of detected modules
Copy IDs for anchors
Use copied IDs in links such as #cc-m-15453564323 or /page#cc-m-15453564323 to jump to that module later.
3 Module types it recognizes
Matrix identifies common Jimdo modules automatically and labels them in the list.
-
Grid / Columns, HTML, Text, Header, Image, Gallery
-
Spacing, Divider, Download, Text with Image
-
Blog List, Form, Video, Facebook, Twitter, Social
-
Fallback for custom
.j-*modules too
4 Using IDs in links
Copied IDs are useful for internal jump links and section-style navigation.
<a href="#cc-m-15453564323">About</a>
<a href="/services/#cc-m-15453564323">Jump to services section</a>On public pages, Matrix handles hash scrolling and sticky-header offset when the main framework script is loaded.
Troubleshooting
| Issue | Fix |
|---|---|
| “No modules found on this page” | Open a page that actually contains modules and make sure you are in the Jimdo editor. |
| “Content area not found on this page” | This usually means you are not in the Jimdo editor or the content container has not loaded yet. |
| Button not appearing |
Confirm moduleNavigator: true and that you are in admin mode.
|
| Module count not updating | Close and reopen the popup to reset the observer if the page changed heavily. |
| Need debug logs |
Set debugMode: true in MatrixConfig and check the browser console.
|
Next steps
One-Page Navigation
Use copied #cc-m-xxxxx IDs alongside scroll-based section navigation when building long pages.
Custom Module
After jumping to the right module, style that exact heading, image, button, spacing, or form visually.
Open Custom Module →Installation
Need the full MatrixConfig block and file upload steps from scratch? Start with installation.
Open Installation →If you have encountered any bugs, errors, or unexpected behavior in the module Navigator, please leave a comment below.