24

Product support

Get help in the theme support forum.

Categories

A new theme from MateThemes and CreativeTim on OctoberCMS

Get 20 % with this Coupon MATERIALKIT20

We've finished to port MaterialKit from CreativeTim to OctoberCMS. We will add several blocks to our theme soon.

For now the Theme supports basic features. Like you see on the demo of MaterialKit on CreativeTim.

More features will be added. Latest Feature in Version 1.0.7 added -> Maintenance Page

The following plugins are required
Blog
Free

Blog

A robust blogging platform.

59,350 installations
# 2 in Free of all time.
Free

Blog

A robust blogging platform.

Translate
Free

Translate

Enables multi-lingual websites and translate website contents.

42,351 installations
# 6 in Free of all time.
Free

Translate

Enables multi-lingual websites and translate website contents.

Static Pages
Free

Static Pages

Adds static pages, menus and breadcrumbs features to OctoberCMS.

61,569 installations
# 1 in Free of all time.
Free

Static Pages

Adds static pages, menus and breadcrumbs features to OctoberCMS.

ResponsiveImages
Free

ResponsiveImages

Automatically serve the right image size to your visitor and speed up your website

3,369 installations
# 40 in Free of all time.
Free

ResponsiveImages

Automatically serve the right image size to your visitor and speed up your website

Disqus
Free

Disqus

Disqus offers the best add-on tools for site owners to power discussions, increase engagement, and earn revenu...

565 installations
# 335 in Free of all time.
Free

Disqus

Disqus offers the best add-on tools for site owners to power discussions, increase engagement, and earn revenu...

Image Resizer
Free

Image Resizer

Easily resize and compress images. Provides Twig filter and PHP method. Works well with plugins such as blog,...

17,918 installations
# 12 in Free of all time.
Free

Image Resizer

Easily resize and compress images. Provides Twig filter and PHP method. Works well with plugins such as blog,...

Magic Forms
Free

Magic Forms

Create easy and flexible front-end AJAX forms (contact, feedback, registration, uploads)

15,755 installations
# 4 in Free of all time.
Free

Magic Forms

Create easy and flexible front-end AJAX forms (contact, feedback, registration, uploads)

BootstrapDesign-Documentation

You find a documentation for Material Kit Design System over here Creative Tim.

Theme Documentation

SCSS Compile

We use the build in SCSS-Compiler from October. The first page load takes a bit time. If you want to use your own Compiler or your precompiled CSS you have to change the markup in "Partial -> site -> tmcss.htm". Please note, that we use the SCSS Folder for custom markup in our own blocks made for Argon. Make sure that you don't forget to include this files in your CSS.

MetaTags

We have included several Meta Tags. You will find the Partial in "partial -> site -> tmmeta.htm". For our Blog, there is a block where the Meta Tags are defined. The Tags are related to the url, if you change your blog url, you need to change url in tmmeta too, otherwise they won't work.

Here is the markup:

{% elseif this.page.url == '/blog' %}

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ this.page.meta_description|default(this.theme.site_description) }}">
<meta name="title" content="{{ this.page.meta_title|default(this.page.title) }} - {{ this.theme.theme_site_name }}">
<meta name="author" content="{{ this.theme.site_author }}">
<meta name="robots" content="index, follow">

<title>{{ this.page.meta_title|default(this.page.title) }} - {{ this.theme.theme_site_name }}</title>
<link rel="canonical" href="{{ '/'|app}}{{ this.page.url }}">
<link rel="icon" type="image/png" href="{{ this.theme.settings_favicon|media }}">
<meta property="og:title" content="{{ this.page.meta_title|default(this.page.title) }} - {{ this.theme.theme_site_name }}">
<meta property="og:url" content="{{ '/'|app}}{{ this.page.url }}">
<meta property="og:image" content="{{ 'assets/images/img/600x250.png'|theme }}">
<meta property="og:site_name" content="{{ this.theme.theme_site_name }}">
<meta property="og:description" content="{{ this.page.meta_description|default(this.theme.site_description) }}">

Rainlab.Translate

Note: RainLab.Translate must be installed. The theme won't work proper, because we use Translate Strings. So please install RainLab.Translate. We set the plugin to required. Normally it must be installed after you purchase the theme and install it.

  • Found the theme not useful on 27 Jun, 2019

    I just purchased and both the theme, when i do install theme folder is empty

  • author

    Replied on 28 Jun, 2019

    Thank you for your review.

    Please use the product support forum for support. If you have trouble with the theme please don't just write a bad review and you never contacted the theme author.

    Thank you MateThemes

1.0.7

ADDED - Maintenance Page added.

Aug 29, 2019

1.0.6

FIXED - Wrong declaration in blocks.yaml fixed.

Aug 20, 2019

1.0.5

ADDED - 404 Error Page and 500 Error Page.

Jun 28, 2019

1.0.4

ADDED - Text Content Block with Grid.

Jun 17, 2019

1.0.3

ADDED - Text Content Block with various options.

Jun 15, 2019

1.0.2

ADDED - PagePreloader

Jun 15, 2019

1.0.1

Initial release of MaterialKit.

Jun 13, 2019