Overview

Explore a comprehensive overview of Matrix Themes in this guide, which will help you understand how they work and how to customize your website.

Matrix themes are based on a custom layout available in the Jimdo website builder (Jimdo Creator). The content management system (CMS) provides you with the ability to create your own template. Once installed, you can locate it under Design > Custom Templates.

There are 5 main components of Matrix theme:

1. HTML ( Design> Custom Template> HTML )

2. CSS ( Design> Custom Template> CSS )

3. CSS components ( Design> Custom template> Files)

04.custom-widgets.css

05.helper-classes.css

06.media-queries.css

07.admin-menu.css

08.libraries.css

09.updates.css

10.style-editor.css

4. Font Awesome icons ( Design> Custom template> Files)

5. JS file ( Design> Custom Template> Files )

matrix.js

After installing the Matrix theme on your Jimdo website, you will find an additional menu in the admin mode, containing all resources:

• Documentation: general documentation of Matrix Themes
• Quick Setup: the first steps after installing the custom layout
• Shortcodes: custom widgets
• Block Elements: full width block widgets
• Fluid sections: drag/drop full width sections
• Add-ons: additional custom widgets & plugins
• Templates: template selection
• Updates: theme updates
• Helper classes: the full list of helper classes used in Matrix Themes
• Support: Support guides and tutorials
• Marketplace: list of Jimdo Experts and Matrix themes partners
• Custom Layout: quick access to custom layout

After installing the Matrix theme on your website, you'll need to add the advanced style editor to customize your website without any coding. Navigate to the Matrix Themes admin menu, access the quick setup, and follow the instructions to add the style editor in just two simple steps

The advanced style editor includes the following features:

• Color settings: Customize the color setup of the main elements of your website, including brand colors and template sections (header, content, footer, buttons, etc.).
• Template configurations: Utilize template configurations to add custom classes for each section, defining the design of your website. This includes adjustments to navigation alignment, styles, default buttons, and contact form styles.
• Custom CSS: Add further customizations to your template or widgets using the Custom CSS option."

The custom widgets of Matrix Themes are available in section 'Shortcodes'. You can select any widget using the copy button and paste the code inside 'Widget/HTML'

There are several sections in the Matrix Themes admin menu where you can find custom widgets to enhance your website:

• Shortcodes: The primary custom widgets designed for the Widget/HTML module. These widgets can also be added to Widget/HTML modules placed within columns.
• Block Elements: Full-width custom sections used with the Widget/HTML module. Block elements cannot be used within columns.
• Add-ons: Additional custom widgets and plugins.
• Fluid Sections: Full-width custom sections with drag-and-drop options. The code for fluid sections should be placed inside the Text module and not the Widget/HTML module.

To change the custom widgets, including a photo, to your own, please follow these steps:

• Go to Custom Layout and select the Files tab
• Upload your own image by using the upload button.
• Once the file has been successfully uploaded, you will see the name of the file displayed in the list of files.
• Right-click on the file and select "Copy link address."
• Paste the link in the appropriate location within the Widget/HTML.

<div class="is-matrix cc-clearover">
    <div class="hs-thumbnail">
        <img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg?t=1405356750" alt="" /
    </div>  
</div>

There are 3 main Matrix templates:

• Multipurpose Themes: Versatile templates featuring dropdown menus for enhanced navigation.
• Multilingual Themes: Specifically designed for multilingual websites, these templates have a language selection feature incorporated into the first level of the menu.
• Special Themes: This category includes templates with unique structures. Currently, there are three options:

Halmstad: A template with sidebar navigation.

Oland: This template features a center-aligned logo image and split navigation on the left and right sides.

Holborn: A template with a split layout, featuring a left-aligned hero section on every page and right-aligned content.

The template design is shaped by the advanced style editor present in each Matrix theme. In the admin menu under the "templates" section, you can effortlessly choose any pre-built template and apply it to your website. This allows you to seamlessly switch between themes, such as transitioning from Lemberg to Alsten, Bergen, and more.

The new documentation pages cover everything from basic info to advanced customization of Matrix themes. Each page has a comments section, so you can ask questions about that topic.

You can also find the quick documentation sections in the Matrix Themes admin menu and along with a "Support" section you can leave a comment or use the contact form to reach the Support team.