e107 Bootstrap4 free theme

e107 theme by Jimako based by template framework for building a bootstrap 4 theme by Start Bootstrap

Live Preview Download

View on GitHub

Basic information

The theme is at the beginning of development.

This theme is prepared as the source (of inspiration) for new core bootstrap4 theme. 

e107 2.2.2 version

 Version 1.0 works only with version 2.2.2. There are examples of new functionalities:

- HTML layouts

- magic shortcodes


e107 2.2.1 version is the latest version with using $LAYOUT in theme.php as the only option

New layouts are used if there is theme.html file.  

More about theme.html file

HTML Layouts for e107 version 2.2.2:

Name File name Default settings Note
home_layout.html Used for Frontpage. 
full_layout.html forum, download, links_page
sidebar_left_layout.html vstore,faqs
sidebar_right_layout.html news
singlelogin_layout.html login, fpw classic login box, not modal, tested with signup too
singlesignup singlesignup_layout.html signup form with image tested with login too
singlecontact singlecontact_layout.html contact separate layout for the contact page. If the goal is able to do with the template, it will be removed. 
bare bare_layout.html guide for development purpose and documentation



Standard bootstrap carousel is prepared 


How to add Featurebox to homepage layout:

- set this type of featurebox as default featurebox in FB preferences

- go to Menu manager, select Homepage layout and add featurebox menu to menu area 1.  This area has no caption, it uses bare tablestyle.


Full Page Image Slider Header 

How to make full page image carousel like here:


Just change css for carousel item in style.css:

.carousel-item {
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

or overrride default in style_custom.css

.carousel-item {
height: 100vh;
min-height: 350px;

Welcome message

 Welcome message use style wm, you can use this style for any element. It doesn't depend on ID now. 


Note: check for using masthead in any future template. I noticed they use it instead of the jumbotron.  

After this element, standard page content starts. 

Single Page - Contact

New:  possibility to add google map as theme preference.  


Contact layout is bare, all templating is done in contact template.


If you want the better look of contact info:


just use any bootstrap4 html code in Site Contact Settings:

<i class="fa fa-map-marker text-muted"></i> Address</h5> 
<p class="text-muted"> Abcxxxxxxxxxxxxxxxxxxxxx,
<br> xxxxxxxxxxxxxx,
<br> xxxxxxxxxxx 
<br> <h5>
<i class="fa fa-phone text-muted"></i> Live Support</h5> 
<p class="text-muted"> Xxxxxx Xxxxxx
<br> 99999999999999999999
<br> Mon - Fri, 8:00-22:00 
<br> <h5>
<i class="fa fa-building text-muted"></i> Business Info</h5> 
<p class="text-muted"> Xxxxxx Xxxxxx
<br> VAT · xxxxxxxxxxx
<br> IBAN · xxxxxxxxxxx
<br> Bank · xxxxxxxxxxx 

Style Guide

Latest Downloads

e107 version 2.3.0 from 17.03.2020
in Category: Stuff in development

e107 version 2.3.0 from 17.03.2020

2 weeks ago

e107 CMS downloaded from Github 17.03.2020 - called - deleted e107 tests - deleted Voux and Landing Zero themes. This pack is for users that are working with our themes. Stable version 2.2.1 i 
Read more..

e107 version 2.3.0 from 17.03.2020
JM Download plugin 1.2
in Category: JM Download plugin

JM Download plugin 1.2

1 month ago

Plugin for extending the core Download plugin. Version 1.3 on Github Replaced JM_Download plugin, Latest Releases by Father Barry,  Top Downloads menu by SecretR, AACGC Download Tracker by M@CH!N3 Ver 
Read more..

JM Download plugin 1.2
JM Core plugin 1.6.0
in Category: e107 plugins

JM Core plugin 1.6.0

3 months ago

The version used on this site. It fixes some core limitation via the plugin, no core changes. Check Readme at first.  Version 1.6.1 on github What is inside? - fix for missing titles in the main me 
Read more..

JM Core plugin 1.6.0