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

JM Download plugin 1.2
in Category: JM Download plugin

JM Download plugin 1.2

2 weeks 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 V 
Read more..

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

JM Core plugin 1.6.0

1 month 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 m 
Read more..

JM Core plugin 1.6.0
ReCaptcha plugin 1.3
in Category: ReCaptcha plugin

ReCaptcha plugin 1.3

1 month ago

No CAPTCHA reCAPTCHA Captcha replacement for e107 v2.2 or higher with shortcodes.  Added shortcodes for replacing contact secure image shortcodes. Possibility to hide it from logged users.
Read more..

ReCaptcha plugin 1.3