ConstructOne

Construction and Home Renovation Joomla Template


Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact form here. Thank you very much!

Introduction

Constructone is Joomla Business Construction template and works fine in all major browsers and IE from version 9. It's powered by jQuery and you'll find nice and discreet interactivity. The code is clearly written and you will find comments for each section parts.

You can change it from Template Options. Continue reading the documentation guide to uncover all the features provided.

1) K2 support for Blog
2) Valid HTML5 & CSS3
3) Super Responsive
4) Advanced Portfolio
5) Cross Browser Optimization
6) Parallax section
7) Google map with marker and address
8) Well formatted and commented, so it should be easy to adapt and extend
9) Quick Start & Well documented
10) Free Support from skype 24 * 7

This user guide covers all options that the template provides. Please read the documentation carefully as it probably contains answers to most of questions that may arise. In case if you feel some aspect is not covered or have some questions, contact us via e-mail stars.joomla@gmail.com or via skype joomlastars. We will do our best to answer you in shortest of time.

Updates

The updates will be published every time a reasonable amount of any bug fixes and improvements is available. Please feel free to contact us if you would like to see any new feature implemented with the upcoming updates. The more specific and demanded requests we get the higher are the chances the new feature will be included on next update.

Requirement

Joomla templates have the least requirements to hardware resources. Any server with any configuration is sufficient. Just unzip the files and transfer to your server using any FTP software.

Installation Guide

For Updated template Documentation Guide check Documentation guide


Lets take a closer look at the Installation, Extensions Guide, structure of Template, JavaScript...

Folder Structure


When you unpack downloaded archive from ThemeForest.net you'll get folder containing 8 folders.

  1. Database - It includes sample_data.sql
  2. Documentation - Documentation for install template
  3. Extensions - All Extensions zip files
  4. Licensing - License detail
  5. Quick_start - Easy Installation Quick start files
  6. Theme - It include constructone.zip

Installation Guide


You can setup ConstructOne theme by using following 2 ways:

  1. ConstructOne - Quick_start Installation
  2. ConstructOne template installation for Existing joomla setup.
  1. Steps for ConstructOne - Quick_start Installation:
      Step : 1
    1. Find and Unzip the ConstructOne_Package.zip file and find the Quick_start folder
    2. Step : 2
    3. Upload Quick_start folder on server via FTP or CPanel
    4. Step : 3
    5. Start installation by typing your URL to the directory you have placed Quick_start files. The installation page should be appeared as normal Joomla! installation
      (Ex: localhost/ [directory name] /installation/index.php or domain name/ [directory name] /installation/index.php)

       

      img


      img Add site name (Ex: ConstructOne)

      img Add administrator email address

      img Add username (Ex: admin)

      img Add Password (Ex: admin)

      img Repeat Password (Ex: admin)

      img Click next


      img


      img Add server hostname (Ex: localhost)

      img Add username of host

      img Enter password of host

      img Add database name (Ex: constructone)

      imgClick next


      img


      imgSelect Default English (GB) Sample Data and click on Install Sample Data

      img Click Install


      img


      imgRemove installation folder

      img Click Administrator


    6. Step : 4
    7. Login into your administrator panel using username and password you have given (Ex: admin / admin)
    8. Step : 5
    9. Change password with User Manager (Site - User Manager)
    10. Step : 6
    11. We advice you to set all directory permission to 755 and files permission to 644 via Cpanel or FTP

       

      img

    12.  

      Step : 7
    13. Select jce editor as default editor.

       

      img

    14.  

      Step : 8
    15. You can Set Theme Different Options From Template Manager.

       

      img

    16.  

      Step : 9
    17. You can view site and see site preview as our demo. There is no images in package so you can change your own images.

      This link will help you to edit site from front end : http://www.gavick.com/documentation/joomla-templates/customizing-joomla-template/how-to-enabledisable-front-end-module-editing/

       

      Change user id : https://www.gavick.com/documentation/joomla/tutorials/fix-juser-error-joomla

       

      NOTE : For check extensions position and details Click Here.

  2. Steps for ConstructOne template installation for Existing joomla setup
      Step : 1
    1. Download Joomla latest Version From http://www.joomla.org/download.html and Install it.
    2. Step : 2
    3. Unzip the ConstructOne_Package.zip file and find the constructone.zip in Theme Folder
    4. Step : 3
    5. Login into your joomla administrator panel
    6. Step : 4
    7. install constructone.zip file from Extensions->Extension Manager
    8.  

      installtheme

       

      Step : 5
    9. Make constructone theme as a default template from Extensions-> Template Manager
    10.  

      makedefault

       

      Step : 6
    11. Open ConstructOne - Default Theme. Change Template Options as per your requirement
    12.  

      themeoptions

       

      Step : 7
    13. View site You will find blank page because there is no extensions and sample data(articles, menus, custom htmls, extensions etc) installed in your site.
    14. Note : You have no sample data(articles, menus, custom htmls, extensions etc) installed so install quick start in local and copy articles and custom Html and save it to position according to quick start
    15.  

      Step : 8
    16. Install all Extensions from Extensions Folder.
    17. After Install Extension set position according to Step : 9 and Click here for more detail of Extension with constructoneshots Click Here
    18.  

      Step : 9
    19. Set Extensions According to following positions
      1. Extra Extensions
        • com_jce.zip : JCE Editor to create joomla articles used in Custom Html
      2. Home Page Settings
        • revolution_slider.zip : Slideshow module in position js-slideshow1 and js-slideshow2 in Home page
        •  

          Homepage One

           

          home

           

          Homepage Two

           

          home

           

      3. About
        • About : About article from Construct One category in About page
        • About : About Custom html in position js-pagetitle in About page
        • Breadcrumbs : Breadcrumbs joomla module in position js-breadcrumbs in Inner pages
        • About : About Custom html in position js-about in About page
      4. Services
        • Services : Services article from Construct One category in Services page
        • Services : Services Custom html in position js-pagetitle in Services page
        • Breadcrumbs : Breadcrumbs joomla module in position js-breadcrumbs in Inner pages
      5. Projects Page Settings
        • mod_sp_portfolio.zip : mod_sp_portfolio module used for Projects pages

          Note : output comes from ROOT\templates\constructone\html\mod_sp_portfolio

           

        • projects

           

          projects

           

      6. Blog Page Settings
        • K2.zip : K2 Component used for Blogs in Blog page
        • Blog : k2 Blog Category in Blog page

          Note : output comes from ROOT\templates\constructone\html\com_k2\templates\blog\category.php

           

        • Blog Classic : k2 Blog Category in Blog Classic page

          Note : output comes from ROOT\templates\constructone\html\com_k2\templates\blog\category.php

           

        • Blog Two Column : k2 Blog Category in Blog Two Column page

          Note : output comes from ROOT\templates\constructone\html\com_k2\templates\blog2col\category.php

           

        • Blog Single : k2 single item in Blog Single page

          Note : output comes from ROOT\templates\constructone\html\com_k2\templates\[Item Template]\item.php

           

        • Recent News : K2 Content k2 module in position js-right in Blog pages

          Note : output comes from ROOT\templates\constructone\html\mod_k2_content\Recentnews\default.php

          Module class suffix : sidebar-widget news-widget

           

        • Categories : K2 Tools k2 module in position js-right in Blog pages

          Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\categories.php

          Module class suffix : sidebar-widget links-widget

           

        • Archives : K2 Tools k2 module in position js-right in Blog pages

          Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\archive.php

          Module class suffix : sidebar-widget links-widget

           

        • Search : K2 Tools k2 module in position js-search in Search page

          Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\search.php

           

        • Recent Search Keywords : K2 Tools k2 module in position js-right in Search page

          Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\tags.php

           

      7. Contact Page Settings
        • Joomla default contact form used in contact page
        • mod_bt_googlemaps.zip (BT Google Maps) : BT Google Maps module in position js-map in Contact page
        •  

          contact

           


      NOTE: After installation don't forget to Enable them

       

      NOTE : How to set Extensions Click Here.

Templates Files and Structure


Template Structure


structure

Description

Preset Folder

You can see your preset files at templates\constructone\preset

CSS Files and Structure

Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

You can also add your custom css in custom.css

Jquery and javascript

This theme imports three types of Javascript files.

Extension Guide


     

    Extra Extensions

     

  1. com_jce.zip
  2.  

    Home Page Extensions

     

  3. revolution_slider.zip
  4.  

    Projects Page Extensions

     

  5. mod_sp_portfolio.zip
  6.  

    Blog Page Extensions

     

  7. K2.zip
  8.  

    Contact Page Extensions

     

  9. mod_bt_googlemaps.zip

1) com_jce.zip

An award-winning, configurable WYSIWYG editor for Joomla! based on Moxiecode's TinyMCE.

Includes advanced Image/Media, File and Link handling, plugin support, and an Administration interface for editor configuration.

You must have to select Default Editor : JCE Editor from Global Configuration

You can find com_jce.zip in Extensions Folder


 

Go to Components -> JCE Editor

 

jceeditor

 

check this link : http://joomlahosting.com/extensions/jce-bootstrap-stopping-i-to-em-replacements/


You can see JCE editor while creating article


jceeditor

Click Here To Download : Download

 

 

2) revolution_slider.zip

You can find revolution_slider.zip in Extensions Folder

 

Go to Component and find Unite Revolution Slider 2

 

slideshow

 

Go to Module Manager and find Slideshow 1 in position js-slideshow1

 

slideshow1

 

Select position : js-slideshow1


 

You can see Homepage One page in demo


slideshow1_out

 

 

3) mod_sp_portfolio.zip

SP Portfolio is an extension for Joomla! that helps users create a portfolio easily.

There are lots of parameters and you can set them easily. This awesome module is responsive and seo optimized.


You can find mod_sp_portfolio.zip in Extensions Folder

 

First you have to create category to set portfolio


category

Then you have to create articles in category


portfolio

 


Projects Style Two Page

 

Go to Module Manager and find Projects Style Two in position js-projects2

 

projects2

Select position : js-projects2


You can see Projects Style Two pages in demo


projects2_out

 

Note : Dynamic file generation code and output comes from ROOT\templates\constructone\html\mod_sp_portfolio\projects2.php

 

Click Here To Download : Download

 

 

4) K2.zip

K2 provides an out-of-the box integrated solution featuring rich content forms for items (think of Joomla articles with additional fields for article images, videos, image galleries and attachments), nested-level categories, tags, comments, a system to extend the item base form with additional fields

You can find k2.zip in Extensions Folder

 

Go to Components -> k2

 

k2

 

 

k2

 


Latest News [k2 Content]

 

Go to Module Manager and find Latest News in position js-latestnews

 

k2news

 

Select position : js-latestnews

 

You can see Home page in demo


k2news_out

 

Note : output comes from ROOT\templates\constructone\html\mod_k2_content\Latestnews\default.php

 


Search [k2 tools -> Search Box]

Go to Module Manager and find Search in position js-search

 

k2search

Select position : js-search


You can see in Search pages in demo


k2search_out

 

Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\search.php

 


Categories [k2 tools -> Categories List]

 

Go to Module Manager and find Categories in position js-right

 

k2categories

Select position : js-right


module class suffix : sidebar-widget links-widget


You can see Blog pages in demo


k2categories_out

 

Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\categories.php

 


Archives [k2 tools -> Archive]

 

Go to Module Manager and find Archives in position js-right

 

k2archive

Select position : js-right


module class suffix : sidebar-widget links-widget


You can see Blog pages in demo


k2archive_out

 

Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\archive.php

 


Recent Search Keywords [k2 tools -> Tag Cloud]

 

Go to Module Manager and find Recent Search Keywords in position js-tags

 

k2blogtags

Select position : js-tags


You can see Search pages in demo


k2blogtags_out

 

Note : output comes from ROOT\templates\constructone\html\mod_k2_tools\tags.php

 

Click Here To Download : Download

 

 

5) mod_bt_googlemaps.zip

BT Google Map support you input both Address and Coordinate, create your custom marker with title, images, description

You can find mod_bt_googlemaps.zip in Extensions Folder

 

Go to Module Manager and find BT Google Maps in position js-map

 

map

Select position : js-map


You can see on demo in Contact pages


map

Click Here To Download : Download

Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Fonts Used are :

Roboto

Poppins

Sans Serif


File Used For Animation Effects :

wow.js (in js Folder)

animate.css (in css Folder)

hover.css (in css Folder)


Sliders Used Are :

Revolution Slider

Bx Slider

Owl Carousel


Icons Used are :

Fontawsome Icons
https://fortawesome.github.io/Font-Awesome/

Flaticon Icons
flaticon.com

Flaticon, Icons are custom selected and downloaded as a font. If you want to use more icons you need to select icons of your choice from flaticon.com as font files and replace with the already added files.
(Previous Flaticon icons will be removed when you will use your own selected icons font)


Extensions Credits

 
com_jce - http://extensions.joomla.org/extensions/edition/editors/88
 
k2 - http://extensions.joomla.org/extensions/authoring-a-content/content-construction/8061
 
mod_sp_portfolio - http://extensions.joomla.org/extensions/directory-a-documentation/portfolio/25012
 
mod_bt_googlemaps - http://extensions.joomla.org/extensions/maps-a-weather/maps-a-locations/street-maps/21040
 
 

Once again, thank you for purchasing this Template. As mentioned at the beginning of this documentation, we would be glad to help you if you have any questions related to this Template. Here is to be honest a simple documentation because we think there is no problem to implement your elements in this template because the code is clean and well commented.

If you are satisfied with "ConstructOne – Construction and Home Renovation Joomla Template" please go to your downloads section on ThemeForest.net and rate ConstructOne with 5 stars. Otherwise, send an Email and I will try to find nice and easy solution for you :)

Hope that you will enjoy ConstructOne as much as I've enjoyed designing this template.

 

Kind Regards,
Joomlastars team