e107sk.com

Recent Content List Supported plugins

One Page plugin on 27 May 2020

Because e107 is complex CMS, there are some links that they always exist. If you want to make One Page site (just with scrolling), you should redirect those links to the Homepage.  But sometimes you need at least a contact page or something, so now with this plugin, you can set this behavior only for selected areas.

The former version of this plugin redirected everything except excluded pages to the homepage, but this is a better version, the version where you have things under your control.  

2f3823b34276

Version 1.0:

Contact Page  Warning! Use this only if you don't use any contact form! It redirects any "contact" in URL too, not only contact.php. If you use contact form on Homepage, by default menu is redirected to contact.php if there is an error.
Comment System Core redirects to yoursite/index.php file. This redirect to SITEURL (no index.php)
Print Page The same problem with double content it print.php doesn't have parameters. If you use it, be sure that there is no print icon in your news/pages used.
Members Only page Link for members-only access always exists, although your site access is not limited.
Who is online Page Link for Online page always exists, although it displays nothing for quests. 
Search page With One page site you will probably need search functionality
Submit News page Always exists with Access denied message for quests
Top Results page Always exists with No results message
User page Always exists with Access denied message for quests. With One Page site, you don't need a user management system.
News Plugin News is the core plugin you can't uninstall. Links always exist.
Page Plugin Book/Chapter/Pages system is inbuilt in the core. Links always exist.
Error Page With 404 error is displayed core 404 page. This redirect the 404 error page to the homepage.

Warnings:

Ab04ba3d2913

With One Page site you shouldn't:

- use Associate Root namespace, otherwise that part will not work (if you use Page, then Page is not working, with News, News redirection is not working)

and you should:

- use Redirect to System not found page, otherwise, Error redirection will not work.

How does it work?

It checks at the first e_PAGE variable.  If news, pages or contact is activated, then it checks "news", "page" and "contact" vs actual URL.

Masthead plugin - how to use it for video header on 18 May 2020

Testing for the sass landing page in mdbootstrap free templates (I can't find link to online demo, but it is part of free templates by mdbootstrap)

Just use any free text field for video URL and use its shortcode in the template.

Used video from LZ2 theme.

 $MASTHEAD_TEMPLATE['mdbootstrap']['element'] = '
<!-- Full Page Intro -->
<div class="view full-page-intro">
<!--Video source-->
<video class="video-intro" autoplay loop muted>
<source src="{BUTTON_LINK}" type="video/mp4" />
</video>
<!-- Mask & flexbox options-->
<div class="mask rgba-blue-light d-flex justify-content-center align-items-center">
<!-- Content -->
<div class="container">
<!--Grid row-->
<div class="row d-flex h-100 justify-content-center align-items-center wow fadeIn">
<!--Grid column-->
<div class="col-md-6 mb-4 white-text text-center text-md-left">
<h1 class="display-4 font-weight-bold">{MASTHEAD_HEADING}</h1>
<hr class="hr-light">
<p>
<strong>{MASTHEAD_SUBHEADING}</strong>
</p>
<p class="mb-4 d-none d-md-block">
<strong>{MASTHEAD_INTRO}</strong>
</p>
<a target="_blank" href="{BUTTON_LINK_LEFT}" class="btn btn-outline-white">{BUTTON_TEXT_LEFT}
<i class="fas fa-graduation-cap ml-2"></i>
</a>
<a target="_blank" href="{BUTTON_LINK_RIGHT}" class="btn btn-outline-white">{BUTTON_TEXT_RIGHT}
<i class="fas fa-download ml-2"></i>
</a>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-6 col-xl-5 mb-4">
<img src="{IMAGE_01}" alt="{MASTHEAD_HEADING}" class="img-fluid">
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Content -->
</div>
<!-- Mask & flexbox options-->
</div>
<!-- Full Page Intro -->
</header>
';

3f46d7f3e0eb

Source on 18 May 2020

The actual version of those plugins is on Github, but don't use it. You were warned. 

https://github.com/Jimmi08/e107-free-plugins-by-e107sk

Those plugins are used by this site.  

Masthead plugin is available only in the download section on this site. 

Masthead plugin on 16 May 2020

Some examples of how to use it.

The simplified version of JM Element plugin for all future business themes (with big header on homepage)

Very simple admin area.  If I found the main header that needs more fields, it is easy to add it. There will be a new version then. For now, I tested it with all my bootstrap4 themes and it was enough.

10fcb47cbfe6

Just set code (mode) and template. 

17e9f24f8eff

Add needed values. There are prepared shortcodes for 4 titles, 3 images and 3 buttons.

E95b2545d3db

9e9e61b39f98

0ca96948a3fe

There are prepared demo data in the pack, but this content will come with the theme itself. There are examples for templates too, but again, it should be part of the theme.

There is only one global shortcode with 2 parameters: mode and template. If the template is not set, mode name is used.

There is no menu because you should use this shortcode in HTML layout for homepage. If needed, it can be inserted anywhere and with shortcode menu used in Menu manager too.

Some snippets:

How to replace core welcome message in theme:

function sc_wmessage()
{ 
if(e107::isInstalled('masthead')) {
$text = '{MASTHEAD: mode='.$this->sitetheme.'}'; 
$wmessage = e107::getParser()->parseTemplate($text); 
if(e_DEBUG && $wmessage == '' ) { 
e107::getMessage()->addError('{MASTHEAD: mode='.$this->sitetheme.'&template=agency} is empty. Check if record with this code exists');
} 
return $wmessage;
}
return e107::getMessage()->add('Missing plugin!')->render();
}

How to use some background image:

$MASTHEAD_TEMPLATE['creative']['element'] = '
<header class="masthead" style="background-image: url({IMAGE_BG}) ">
<div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center" >
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">{MASTHEAD_HEADING}</h1>
<hr class="divider my-4" />
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-5">{MASTHEAD_SUBHEADING}</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="{BUTTON_LINK}">{BUTTON_TEXT}</a>
</div>
</div>
</div>
</header>';

How to use agency data with different template:

{MASTHEAD: mode=agency2&template=solid}

Warning:  This plugin is no replacement for JM ELements. With JME your options are not limited. This is just a solution for how to create free themes and not be limited with the core.

Other links

Follow us