1. Start
  2. Quickstart Installation
  3. Template Installation
  4. Layouts and Module Positions
  5. CSS Files and structure
  6. Modules
  7. Config Template
  8. Plugins
  9. Create Page
  10. Com TZ Portfolio
  11. Create content Quote...
  12. Source and Credits

Profiler version 1.5 Template

Documentation 1.1


Thank you for using my theme. If you have any questions that are beyond the scope of this help file, please feel free to post it on our forum here or send mail to support@templaza.com . Thanks so much!This documentation was made only with the Documenter (except the images)

Quickstart Installation


Quickstart = Joomla + Profiler Template + Demo Content. After installation you'll see complete site like a Demo Site. So, if you're running for new website, I do urge to install using the quickstart file. But, If you've already had a joomla website with your own content, you could install only the Template to keep your own data

Installing Quickstart package is quite easy as you install normal joomla!. Please follow these steps:

  1. You will have 2 options:
    • Upload the quickstart.zip file to your host and extract it using cPanel or other File Manager Tools if possible.
    • If the option above unavailable, you can extract the quickstart.zip file on your computer, and upload all files to your host using FTP client program such as filezilla.
  2. Start installation by typing your URL to the directory you have placed quickstart files. The installation page should be appeared as normal Joomla! installation.

  3. Complete Install


    Complete Install


    Complete Install


    Complete Install


    You're now in the end of installation process, and then you must now directly remove the installation folder.
    But, Sometimes this process could not write to the configuration.php file. So you should have this below image, and follow the instruction to copy the content of the box to your configuration.php file


  4. Login into your administrator panel using "admin" as username and using a your password.

Please make sure your server suppoorts MySQLi Database. And if you're unsuccessful following the steps above, you could please PM me, I will send you the website files and SQL separatedly

Template Installation


Installating Profiler Template is easy and quick. Before installating, you need extract zip file and install plugin Plazart

Next...

Install this like doing with a standard Joomla extensions (Extensions - Install/Unistall). Afterwards you can install Profiler Template. Please go to: Extensions Manager Find template.zip file on your computer browser and click "Upload and Install". Next go to: Extensions Manager - Template Manager choose tz_Profiler - Default and click "Make Default". Refresh your site.

make default theme


make default theme

Layouts and Module Positions


Modules Position

Please follow these below steps to know all module positions used in this template :

  1. Login to the administration area
  2. Please go to template manager and click option
  3. You would have pop up box with two tabs, 1st one is template and 2nd one is permission, You should choose templates tab
  4. then click enabled Preview Module Positions, and then click save and close
  5. After config, you go to your site and call your site like this http://yourlivesite.com/?tp=1 then you’ll have all information about module position that is used in this template. Then will see your website like this image below:

CSS Files and structure


We separated css file to make this template user friendly. We have several main css file :

Modules


Modules in Home page

Home page

  1. Logo Website

    You can change logo in config of template

  2. Module Profiler

    Module
    • Module Type : Custom HTML
    • Module Position : left
    • Module Class Suffix : box_profile

    Please go to Extensions and Module manager and click New

    Then: select Custom HTML

    You can create module content

    Code:

    <h3>Sara Wadner</h3> <address>@sarawadner</address> <p>Web Designer at TemPlaza</p> <p>Let’s design your Joomla website with TemPlaza! Utility, easy-customizability, friendly-to-user are our first priority.</p>
  3. Module Social

    You can use social icons or social fonts

    Module
    • Module Type : Module TZ Social
    • Module Position : left

    Module

  4. Module TZ Address

    Module
    • Module Type : TZ Services (upload module Tz Services in installation package)
    • Module Position : left

    Module

  5. Module TZ Services

    Module
    • Module Type : TZ Services
    • Module Position : mass-bottom
    • Alternative Layout : default

    Example content one item

    Module

  6. Module Download my vCard

    • Module Type : CustomHTML
    • Module Position : mass-bottom

    You can change content of this module



  7. Blog page


    Blog page


  8. Module Categories

    • Module Type : Menu
    • Module Position : right
    Module
  9. Module Featured

    • Module Type : TZ News Pro
    • Module Position : right
    Module
  10. Module Latest Tweets

    • Module Type : Mod TZ Twitter Widget
    • Module Position : right

    You can config:

    Module

    Module



  11. Contact page


    Contact page


  12. Module Google Map
    • Module Type : BT Google Maps
    • Module Position : contact
    • Create:
    • 1. You install BT Google Maps module and config to show your location

      content:

Config Template


Go to template manage choose template default


Config Theme

You can change logo and height of items portfolio...


Config Layout

You can choose layout, set width for page with (% or Pixel)


Config Menu

You can choose megamenu

You can create class, submenu, width, insert module in menu...


Config Font

You can change and add your font, please view video
Video add font



Config Advanced Setting

You can compression css and js for loadinge web is quick

and you can add custom css for edit style of template.



Config Color Themes

You can change color background menu, content, sidebar...



Plugins


On this section, I wouldn't explain all used plugins on this template. I would only remind about the plugins listed below should be enabled

Or you might be interested in more functionalities of Editor - TinyMCE plugin, you could set its functionality into extended

Resume page



Step1: Create content resume

        <div class="row-fluid">    <div class="span8">        <h3 class="h3content">Work Experience</h3>        <div class="line-block"><span class="content-date bg-dark">Sep 2011</span>            <div class="date">                <h5 class="h5content">Creative Director &amp; Web Design at Templaza</h5>                <span>to present</span></div>            <div class="clr">&nbsp;</div>        </div>        <div class="line-block"><span class="content-date bg-dark">Sep 2009</span>            <div class="date">                <h5 class="h5content">Web Design at Elite JSC</h5>                <span>to Jun 2011</span></div>            <div class="clr">&nbsp;</div>        </div>        <div class="line-block"><span class="content-date bg-dark">Sep 2008</span>            <div class="date">                <h5 class="h5content">CIO at YOS ,. JSC</h5>                <span>Chief information officer to Dec 2011</span></div>            <div class="clr">&nbsp;</div>        </div>    </div>    <div class="span4">        <div class="line-block">            <h3 class="h3content">Graphic Design</h3>            <div class="skill skill-block">                <div class="row-fluid bg-gray">IOS development - 90%</div>                <div class="progress progress-info">                    <div style="width: 90%;" class="bar">&nbsp;</div>                    &nbsp;</div>                <div class="row-fluid bg-gray">Video Player- 70%</div>                <div class="progress progress-info">                    <div style="width: 70%;" class="bar">&nbsp;</div>                    &nbsp;</div>                <div class="row-fluid bg-gray">Search Processing - 70%</div>                <div class="progress progress-info">                    <div style="width: 70%;" class="bar">&nbsp;</div>                    &nbsp;</div>            </div>        </div>    </div></div>    

Step2: Create menu item type portfolio/single article and choose resume article



Awards page


Content Awards item

        <div class="bg-awards"><p>Awwwards site of the day 2013</p></div>    

Com TZ Portfolio


Creating Portfolio

  1. Document Com TZ Portfolio: Portfolio document
  2. Set up component TZ Portfolio: Extract component.zip and install TZ_Portfolio_master.zip
  3. Set up Component TZ Portfolio:
    • Step 1:
    • Step 2: General
    • Step 3: TZ Portfolio - Time Line
    • Step 4: TZ Gallery
    • Step 5: TZ Tag - User
    • Step 6: Image
    • Step 7: Article
    • Step 8: Blog / Featured Layouts

Create content Quote, Link, Audio


You can go to components/ TZ Portfolio/ article and create new article.


Source and Credits


Extentions

  1. Plazart Framework 1.3
  2. TZ Portfolio Component
  3. Module Twitter
  4. Module TZ Multi Slider
  5. Module BT Googlemap

Icon & Image

Icon
  1. http://twitter.github.com/bootstrap/
  2. http://fortawesome.github.io/Font-Awesome/
    Image
  1. http://www.flickr.com/photos/markjsebastian/page5/
  2. http://www.flickr.com/photos/markjsebastian/page5/

Fonts

  1. Bebas Neue
  2. Open Sans
  3. Arial