SJ iMovie


Sj iMovie is a well-designed Joomla template for movie, video grapher, film TV and news, magazine websites. This responsive Joomla 3.7 template supports ultimate core features built with Helix 3 with tons of advanced features built-in.

System Requirements: here

Acymailing Component

SP Page Builder Component

Download Packages from our store: here

This template uses Helix3 - Framework . You can refer to the Helix3 function: here

By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template

The following steps will guide to install a quickstart package of SmartAddons Joomla Template: Click here
1. Install Template

To install Template for Joomla, please click: here

2. Install Extensions

The extensions package include of Modules, Components and Plugins.

Note: Extensions installation is the same with Template installation as above

Here is list of extensions that are used in the template.

Enable Modules and Plugins: here

3. Install Component

To Install Acymailing Component, you can follow these steps:

Step 1: Please go to Extensions => Extension Manager


Step 2: Choose file Acymailing component.zip that you have downloaded and then Click on the button Upload & Install to install the uploaded package.

To install SP Page Builder Component you do the same as the installation Acymailing Component.

 

To help you about language problem when you work with SJ Template, please read this post: how to set up a multilingual site in SJ Template.

Display Module Position for Joomla: here

Position Layout1

Go to Extensions => Template Manager => SJ iMovie. All of parameters of this template are divided into the following groups, in which they are explained themselves:

Header Configuration

1. Top1

Frontend Appearance

To configure Top1, please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "HTML" module

  • Backend Settings: Module/ Advanced Options

    Copy & Paste the code into your editor:

    <div class="vip-member"><a class="buton-vip" title="" href="#">Vip Member</a>
    <div class="content"><strong>With $20/month</strong>You can download and watch unlimited free full movies online. Don't forget to join during checkout!</div>
    </div>
     
  • 2. Top2

    Frontend Appearance

    To configure Top1, please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "HTML" module

  • Backend Settings: Module/ Advanced Options

    Copy & Paste the code into your editor:

    <div class="social-top">[yt_social_icon type="facebook" yt_title="" color="no" style="default" size="default" link="https://www.facebook.com/SmartAddons.page" ] [yt_social_icon type="twitter" yt_title="" color="no" style="default" size="default" link="https://twitter.com/smartaddons" ] [yt_social_icon type="google-plus" yt_title="" color="no" style="default" size="default" link="https://plus.google.com/+Smartaddons" ]</div>
     
  • 3. Top3

    Frontend Appearance

    To configure Top1, please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "Smart Search" module

  • Backend Settings: Module/ Advanced Options  
  • 4. Top4

    Frontend Appearance

    To configure Top1, please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "Login" module

  • Backend Settings: Module/ Advanced Options  
  • Footer Configuration

    1. Position1

    Frontend Appearance

    Module: Custom

    To configure this module,please go to Extensions >> Module Manager >>Click "New" button to create a new module >> Select "Custom" module.

  • Backend Settings: Module/ Advanced Options
  • Copy & Paste the code into your editor:

    <div class="logo-footer">
    <div class="main-logo"><a class="logo-item" href="#"><img src="images/logo-bottom.png" alt="" /></a>
    <ul class="list-icon">
    <li><a title="" href="#"><i class="fa fa-facebook">facebook</i></a></li>
    <li><a title="" href="#"><i class="fa fa-twitter">twitter</i></a></li>
    <li><a title="" href="#"><i class="fa fa-google-plus">google</i></a></li>
    </ul>
    </div>
    <div class="main-des">Surround yourself with angels. In life there will be road blocks but we will over come it. You see that bamboo behind me though, you see that bamboo? Ain’t nothin’ like bamboo. Bless up. They never said winning was easy. Some people can’t handle success, I can. You do know, you do know that they don’t want you to have lunch. I’m keeping it real with you, so what you going do is have lunch. You see that bamboo?</div>
    </div>
     

    2. Position: bottom1

    Frontend Appearance

    Module: Custom

    To configure this module,please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "Custom" module.

  • Backend Settings: Module/ Advanced Options
  • Copy & Paste the code into your editor:

    <ul class="menu col50">
    <li class="item"><a title="" href="#">Action</a></li>
    <li class="item"><a title="" href="#">Animation</a></li>
    <li class="item"><a title="" href="#">Comedy</a></li>
    <li class="item"><a title="" href="#">Documentary</a></li>
    <li class="item"><a title="" href="#">Family</a></li>
    <li class="item"><a title="" href="#">Documentary</a></li>
    <li class="item"><a title="" href="#">Family</a></li>
    </ul>
    <ul class="menu col50">
    <li class="item"><a title="" href="#">Adventure</a></li>
    <li class="item"><a title="" href="#">Biography</a></li>
    <li class="item"><a title="" href="#">Crime</a></li>
    <li class="item"><a title="" href="#">Drama</a></li>
    <li class="item"><a title="" href="#">Fantasy</a></li>
    <li class="item"><a title="" href="#">Biography</a></li>
    <li class="item"><a title="" href="#">Crime</a></li>
    </ul>
     

    3. Position: bottom2

    Frontend Appearance

    Module: Custom

    To configure this module,please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "Custom" module.

  • Backend Settings: Module/ Advanced Options
  • Copy & Paste the code into your editor:

    <ul class="menu">
    <li class="item"><a title="" href="#">Help &amp; Contact</a></li>
    <li class="item"><a title="" href="#">Return Policy</a></li>
    <li class="item"><a title="" href="#">Feed Back</a></li>
    <li class="item"><a title="" href="#">Careers</a></li>
    <li class="item"><a title="" href="#">Return Policy</a></li>
    <li class="item"><a title="" href="#">Feed Back</a></li>
    <li class="item"><a title="" href="#">Careers</a></li>
    </ul>
       

    4. Position: bottom3

    Frontend Appearance

    Module: AcyMailing Module

    To configure this module,please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "K2 Content Module" module.

  • Backend Settings: Module/ Advanced Options
  • 5. Position: bottom4

    Frontend Appearance

    Module: Menu

    To configure this module,please go to Extensions >> Module Manager >> Click "New" button to create a new module >> Select "AcyMailing" module.

  • Backend Settings: Module/ Advanced Options
  • 1. Create new SP Page Builder

    Please go to Components => SP Page Builder => Click New button => Enter the Title: Home Page

    Backend Settings

    To create new rows of Home Page, please click " Add new Row" button

    Example: Create a new row: Block1

    General Tab: backend settings

    Style Tab: backend settings

    Responsive Tab: backend settings

    To create new rows, please click " Add new Addon" button

    To configure Addon, We have 2 options

    Options 1: Click "Joomla Module" then please fill General Tab

    General Tab: backend settings

    Note: To create new Joomla module, example SJ K2 Content, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ K2 Content module.

  • Backend Settings: Module/ Advanced
  • Options 2: Click "Shortcode" then please fill General Tab

    2. Block Slideshow Configuration

    Frontend Appearance

    To configure Block Slideshow , please go toSP Page Builder => Click Edit Addon button

    Backend Settings

    Note: To create new Joomla module - Custom module (Html Excellence In Healthcare ), please go to Extensions => Module Manager => Click New button to create a new module => Select Custom module.

  • Backend Settings: Module/ Source Options Item Options Image Options Effect Options Advanced
  • 3. Row1 Configuration

    Frontend Appearance

    To configure Row1, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • 1. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - SJ Module Tabs, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Module Tabs module.

  • Backend Settings: Module/ Advanced Options
  • 4. Row1 Configuration - Background Video

    Frontend Appearance

    To configure Row1, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • 1. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - HTML Module, please go to Extensions => Module Manager => Click New button to create a new module => Select HTML module.

  • Backend Settings: Module/ Advanced Options
  • Copy & Paste the code into your editor:

    <div><video id="bgvid" poster="images/bg-video.jpg" autoplay="autoplay" loop="loop" muted="">
      <!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button  -->
    <source src="http://thenewcode.com/assets/videos/polina.webm" type="video/webm" />
    <source src="http://thenewcode.com/assets/videos/polina.mp4" type="video/mp4" />
    </video></div>
    <div class="content">
    <h3 class="title-video">Tranformers is coming soon next week</h3>
    <p>Bless up. The key to success is to keep your head above the water, never give up. We the best. They key is to have every key</p>
    </div>
     
       

    5. Row2 Configuration

    Frontend Appearance

    To configure Row2, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • 1. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - SJ Extra Slider for K2, please go to Extensions => Module Manager => Click New button to create a new module => Select SJ Extra Slider for K2 module.

  • Backend Settings: Module/ Source Options Item Options Image Options Effect Options Advanced
  • 2. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - Sj Module Tabs, please go to Extensions => Module Manager => Click New button to create a new module => Select Sj Module Tabs module.

  • Backend Settings: Module/ Advanced
  • 3. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - Sj Module Tabs, please go to Extensions => Module Manager => Click New button to create a new module => Select Sj Module Tabs module.

  • Backend Settings: Module/ Like Box Settings Advanced
  • 4. Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - K2 Tools, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 Tools module.

  • Backend Settings: Module/ Advanced
  •    

    6. Row3 Configuration

    Frontend Appearance

    To configure Row3, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - K2 Content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 Content module.

  • Backend Settings: Module/ Advanced
  • 7. Row4 Configuration

    Frontend Appearance

    To configure Row4, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - Sj Video Box, please go to Extensions => Module Manager => Click New button to create a new module => Select Sj Video Box module.

  • Backend Settings: Module/ Advanced
  • 8. Row5 Configuration

    Frontend Appearance

    To configure Row5, please go toSP Page Builder => Click Edit Addon button

    Backend Settings

  • Screenshot : General/ Style/ Responsive
  • Note: To create new Joomla module - K2 Content, please go to Extensions => Module Manager => Click New button to create a new module => Select K2 Content module.

  • Backend Settings: Module/ Advanced
  •    

    Thank you so much for purchasing this template. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

    Thanks so much!