Skip to content
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  • Home
  • Features
    • Matrix Framework
    • Matrix One
    • Plugin Toolkit
    • Matrix Library
  • Templates
  • Support
  • Pricing
  1. Support
Admin Tools Jimdo upgrades

Admin tools improved by Matrix

Matrix Framework upgrades the Jimdo editor where it matters most — file management, navigation, support inside the native sidebar, hero backgrounds, per-module styling, Site Health checks, and built-in one-page / mega menu — so building and maintaining sites feels faster and more professional.

10 min read
Editor & admin

On this page

  • Overview
  • Files: copy & multi-upload
  • Drag & drop navigation
  • Large store images
  • Matrix Hub
  • Custom hero section
  • Custom Module
  • Site Health
  • One-page navigation
  • Mega menu
  • Config flags

Overview

Jimdo’s admin is solid for simple sites — Matrix fills the gaps agencies and power users hit every day. Some upgrades need no config (they ship with the framework). Others are toggled in MatrixConfig.features in Edit Head.

Files tab

Copy CDN URLs in one click and upload multiple files with progress.

Jump to section →

Navigation

Reorder pages with drag & drop instead of endless up/down clicks.

Jump to section →

Store images

Large product images for size-3 store items — sharp on retina displays.

Jump to section →

Matrix Hub

Docs, support, marketplace and changelog inside Jimdo’s native sidebar.

Jump to section →

Custom hero

Use Jimdo Background (image, slideshow, video) as a full Matrix hero.

Jump to section →

Custom Module

Extra styling options for default Jimdo modules — no CSS writing.

Jump to section →

Site Health

Scan the current page for SEO, mobile and framework issues.

Jump to section →

One-page & mega menu

Built-in smooth-scroll sections and mega dropdown navigation.

Jump to section →
Always on: Files copy / multi-upload, nav drag, and large store images need no feature flag — they activate once Matrix is installed. Hub, Custom Module, Site Health, one-page and mega menu are controlled in Head.

1 Files: copy URL & multi-upload

Jimdo’s Custom Template Files tab normally forces you to open each file to grab its URL, and upload one file at a time. Matrix adds a clipboard action on every row and lets you select multiple files in one go.

  • Copy URL — clipboard icon on each file row; copies the Jimdo CDN URL with a “Copied!” tooltip
  • Multi-file upload — pick several files; Matrix uploads them sequentially with “Uploading N of M…” progress
  • In-place refresh — the file list updates without leaving the Files tab
  • Works everywhere the layout Files iframe appears (Custom Layout, Hub Resources, Helper Classes, Page Builder embeds)

No setup required

Included in matrix.js / admin-menu.matrix.js. Open Design → Custom Template → Files and the enhancements are already there.

Custom Layout Files Enhancements
Multi-file Jimdo admin upload
browser-frame

2 Drag & drop navigation reordering

Reordering pages in Jimdo’s Edit Navigation used to mean clicking the up/down arrows repeatedly. Matrix adds a drag handle on each page row so you can reorder the menu visually.

  • Open the site navigation → Edit Navigation
  • Drag pages using the 3-dot handle on the left — a blue drop line shows the target
  • Click Save when the order looks right
  • Nesting (indent / outdent) still uses Jimdo’s left/right arrows
Note: No feature flag — ships with Matrix (v1.7.4+). Requires the editor in cmsEdit=1 mode so the navigation editor can load.
Jimdo navigation reordering

3 Large images for store items

Jimdo often serves smaller responsive candidates for product photos. Matrix forces a large (1820px) main image for size-3 store product modules so shop pages look crisp on desktop and high-DPI screens.

  • Automatic on .cc-shop-product-size-3 product modules
  • Also applies when switching alternate product images in admin
  • No UI toggle and no config flag — runs with the framework CSS/JS
Tip: Use size-3 product layouts when you want hero-quality product photography on the page.
large images for online store

4 Matrix Hub — support inside Jimdo admin

Matrix Hub adds a Matrix Framework item to Jimdo’s native admin sidebar. Docs, Support, Marketplace, News, Changelog and Resources open as embedded panels — so you never leave the editor to look something up.

  • General — live overview: framework version, license, active template, enabled modules
  • Resources — Animations, Add-ons, Updates, Custom Layout (tabbed)
  • Docs / Support / Marketplace / News / Changelog — official Matrix pages in iframes
  • Read-only — the Hub does not write site settings; it is your in-admin knowledge base
      MatrixConfig — Hub
features: {
  matrixAdminHub: true,  // Matrix Framework in Jimdo native sidebar (default)
  matrixAdmin: true      // Sliding admin menu (independent of Hub)
}
Matrix hub

5 Custom hero section (Jimdo Background)

Instead of a static image module, Matrix Framework can use Jimdo’s native Design → Background (image, slideshow, video, or color) as the page hero — with Matrix variables to place content inside that area.

  • Set the page background in Jimdo Design → Background
  • Add a Columns + Widget/HTML block with a hero variable, e.g. draggable-hero
  • Style overlays, fullscreen, transparent header and spacing with Matrix variables / Style Editor
  • Tune global hero min-height in Global Settings → Hero
Jimdo background as Matrix Hero

6 Custom Module — more options for Jimdo modules

Default Jimdo modules (heading, image, button, divider, spacing, form) get a floating Module Styles popup. You restyle that single module visually — padding, colors, borders, form inputs — without writing CSS. Rules are scoped to the module id.

  • Open a supported module → click the Module Styles control
  • Adjust presets / options → Save (written into Style Editor CSS)
  • Forms use --matrix-form-* variables so per-module styles win over global form themes
MatrixConfig
features: {
  customModule: true  // default
}

Full walkthrough: Custom Module guide.

7 Site Health

Site Health is a toolbar scanner for the current editor page — SEO basics, mobile-template risks, and framework hygiene — with a score, grouped issues, and one-click “Go to” highlights.

  • Open Matrix Toolbar → Site Health → Scan page
  • Review Checks passed vs Issues; jump to the problematic module
  • Opt-in: set siteHealth: true (default is false)
 
Scope: Site Health checks the page you are editing — it is not a full-site crawler.

Full guide: Site Health.

8 Built-in one-page navigation

Turn first-level menu items into smooth-scroll anchors on the published home page. Add sections from the + panel with the One-Page Section module — no manual HTML required.

  • Enable onePage: true
  • On the home page, add a One-Page Section for each first-level menu item
  • Publish — menu items smooth-scroll; sub-pages keep working as normal pages

Full guide: One-Page Navigation.

9 Built-in mega menu

Enable megaMenu: true and Matrix converts Jimdo’s menu to a mega menu (.hs-menu → .hs-mega) with hover dropdowns on desktop and tap toggles on mobile. Nest pages under first-level items — no HTML edits needed.

  • One config flag — structure stays in Jimdo’s navigation editor
  • Works with Style Editor for colors and typography
  • Admin shows a notice when mega menu is active

Full guide: Mega Menu.

Config flags cheat sheet

Feature Flag Default
Files copy & multi-upload — Always on
Nav drag & drop — Always on
Large store images — Always on
Matrix Hub matrixAdminHub true
Custom hero (variables) variableModule true
Custom Module customModule true
Site Health siteHealth false
One-page navigation onePage true
Mega menu megaMenu true

Flags live in Edit Head on your Jimdo site. See Installation for the full MatrixConfig block.

Get started
Gobal colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
  footer border
 
Template configurations
 
has-sticky-logo has-large-header primary-font has-center-nav has-header-blur no-shopping-cart
 
Top header inner
 
 
 
Header inner
 
 
 
Navigation inner
 
 
 
Navigation styles
 
size-15 weight-400 color-nav
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white
 
Footer styles
 
o-form has-thin-border has-border-style-solid has-border-top has-footer-border-color
 
Footer background image
 
 

 

Typography

Heading H1
weight-400
 
Heading H2
weight-400
 
Heading H3
weight-400
 
Body text (p, table, td)
 
 
Buttons
weight-400
 
 
Advanced settings
 
Custom CSS

#cc-inner .my-class {

color:#f0f0f0;

}

/* MATRIX-CUSTOM-MODULES-START */

#cc-m-7792741551 h1, #cc-m-7792741551 h2, #cc-m-7792741551 h3 {font-size:20px !important;}

#cc-m-7792741851 h1, #cc-m-7792741851 h2, #cc-m-7792741851 h3 {font-size:20px !important;}

#cc-m-7792930551 h1, #cc-m-7792930551 h2, #cc-m-7792930551 h3 {font-size:20px !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-weight:600 !important;}

#cc-m-12388126494 h1, #cc-m-12388126494 h2, #cc-m-12388126494 h3 {font-size:40px !important;}

/* MATRIX-CUSTOM-MODULES-END */

/* MATRIX-GLOBAL-SETTINGS-START */

:root {

--content-width: 1170px;

--special-pages-content-width: 900px;

}

/* HAMBURGER-BAR-START */

:root { --hamburger-btn-background: transparent; --hamburger-btn-bg: transparent; --hamburger-btn-bg-active: transparent; }

/* HAMBURGER-BAR-END */

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link,

#cc-inner input.cc-checkout-btn,

#cc-inner a.cc-shop-addtocard {

padding: 14px 35px !important;

border-radius: 8px;

}

/* MOBILE-FULLWIDTH-BUTTONS-START */

@media only screen and (width <= 746px) {

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link {

width: 100% !important;

margin: 5px auto 0 auto;

box-sizing: border-box;

text-align: center !important;

}

}

/* MOBILE-FULLWIDTH-BUTTONS-END */

/* MATRIX-GLOBAL-SETTINGS-END */


Note:
All changes made here will be applied to your entire website.
Matrix Framework
draggable-logo

Matrix Framework

Build faster, smarter, and more flexible Jimdo websites.

has-right-col-border

Products

Matrix Framework

Matrix One

Matrix Plugin Toolkit

Resources

Support

Matrix Academy

FAQs

Changelog

Community

Showcase

Marketplace

Blog

Archive


About | Privacy Policy | Cookie Policy | Sitemap | Withdraw contract
Created with Jimdo
Log in Log out | Edit
  • Scroll to top
Close