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. Typography
  10. Com TZ Portfolio
  11. Com Unite Revolution Slider
  12. Com Easy Blog
  13. Source and Credits

TZ Simple Love version1.1 Template

Documentation 1.1


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

Quickstart Installation


Quickstart = Joomla + Simple Love 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


Installation TZ Simple Love Template is easy and quick. Before installation you need extract zip file and install plugin Plazart Framework for Joomla 3.0

Install this like a standard Joomla extensions (Extensions - Install/Unistall). Afterwards you can install TZ Simple Love 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_simple_love - Default and click "Make Default". Refresh your site.

make default theme


make default theme

Layouts and Module Positions


Layouts



Simple Love has 6 layout

View layouts

Go to template manager and choose edit template default

In tab "Layout" you can choose layout and view block, position in this layout

layout default

Use Layout

Example: create menu item "Home" and choose layout home

Step 1:

Go to menu/main menu/ create menu item "Home".

Step 2:

Go to Extensions/Template manager/choose template "tz_simple_love"


Modules Position

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

  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. Please make sure, you have enabled "Enable Template Information" in global tab of template parameter

    module positions

    module positions

  6. afterwards, 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:

  7. Or you can go to folder templates > tz_simple_love > etc > layouts. There should be several xml files. You could open it to understand the used position on this templates.

CSS Files and structure


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

Modules


Modules in Menu

Home page

Menu Templaza

Home page

Modules in Page

Home page

  1. Module Logo

    • Module Type : Custom HTML
    • Module Position : logo

    Created:

    • Step 1: Create new module
    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Step 2: Config module
  2. Mega Menu

    You can change option Navigation in config of template

  3. Module Social

    • Module Type : TZ Social Custom
    • Module Position : social
    You can change Social in config of template

  4. Module search

    • Module Type: Search
    • Module Position: social

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Search"
    • Content:

      Module

  5. Module Banner

    • Module Type: Custom HTML
    • Module Position: banner

  6. Module Categoris

    • Module Type: TZ Categories Menu
    • Module Position: right
    • Module Header Class: categoris

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Categories Menu"
    • Content:

      Module

  7. Module Tag Clound

    • Module Type: Tz Tags
    • Module Position: right
    • Module Header Class: tag_clound

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Tz Tags"
    • Content:

      Module

  8. Module Hot in Simple Love

    • Module Type: TZ Portfolio Feature Article
    • Module Position: right
    • Module Class Suffix: _hot_simple

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Portfolio Feature Article"
    • Content:

      Module Module Module

  9. Module Archives

    • Module Type: Archived Articles
    • Module Position: right

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Archived Articles"
    • Content:

      Module

  10. Module Latest Tweets

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

      Go to Extension/ Modules Manager/ create new module and choose type "Mod TZ Twitter Widget"

    • Content:

      Module Module

  11. Module Download

    • Module Type: Custom HTML
    • Module Position: download

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  12. Module Newsletter

    • Module Type: Custom HTML
    • Module Position: right

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module Module

  13. Module Facebook

    • Module Type: Custom HTML
    • Module Position: right

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module Module

  14. Module Footer Text

    • Module Type: Custom HTML
    • Module Position: footer_text

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  15. Module footer_address

    • Module Type: Custom HTML
    • Module Position: footer_address

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  16. Module Menu Footer

    • Module Type: Menu
    • Module Position: footer_menu

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Menu"
    • Content:

      Module

  17. Module Footer Text

    • Module Type: Custom HTML
    • Module Position: footer_text

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  18. Module Breadcrumbs

    • Module Type: Breadcrumbs
    • Module Position: breadcrumbs

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Breadcrumbs"
    • Content:

      Module

  19. Module Google

    • Module Type: Custom HTML
    • Module Position: footer_text

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  20. Module Google Map

    • Module Type: BT Google Maps
    • Module Position: map

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "BT Google Maps"
    • Content:


Modules in Page Corporation

Home page

  1. Module Slider Corporation

    • Module Type: Unite Revolution Slider
    • Module Position: slide

    Created:

    • Home page
    • Go to Extension/ Modules Manager/ create new module and choose type "Unite Revolution Slider"
    • Content:

      Module

  2. Module Web design

    • Module Type: Custom HTML
    • Module Position: user1

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Module Class Suffix: _TzServices
  3. Module Recent Works

    • Module Type: TZ News Pro
    • Module Position: recent-works

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ News Pro"
    • Alternative Layout: carousel
    • Module Class Suffix: _recent_works
  4. Module Purchase

    • Module Type: Custom HTML
    • Module Position: purchase

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ News Pro"
    • Alternative Layout: carousel
    • Content:

      Module

  5. Module Why Choose Us?

    • Module Type: Custom HTML
    • Module Position: bottom

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Custom HTML"
    • Content:

      Module

  6. Module Hot in Simple Love

    • Module Type: TZ Portfolio Feature Article
    • Module Position: bottom1
    • Module Position: _hot_simple

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Portfolio Feature Article "
    • Content:

      Module

  7. Module What client’s say

    • Module Type: TZ Services
    • Module Position: bottom2

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Services"
    • Content:

      Module

  8. Module Our clients

    • Module Type: TZ Services
    • Module Position: our_client

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Services"
    • Content:

      Module

Modules in Page magazine

Home page

  1. Module Slider Magazine

    • Module Type: Unite Revolution Slider
    • Module Position: slide

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Unite Revolution Slider"
    • Content:

      Module

  2. Module Magazine

    • Module Type: TZ News Pro
    • Module Position: mainbody

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ News Pro"
    • Alternative Layout: default
    • Module Class Suffix: _magazine
  3. Module Featured News

    • Module Type: BT Content Slider
    • Module Position: featured_news
    • Module class suffix: _featured_news

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "BT Content Slider"
    • Content:

      Module Module

  4. Module Best Materials

    • Module Type: BT Content Slider
    • Module Position: best_materials
    • Module class suffix: _best_materials

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "BT Content Slider"
    • Content:

      Module Module

  5. Module Latest News

    • Module Type: TZ Latest News
    • Module Position: right
    • Module Position: _latest_news

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Latest News"
    • Content:

      Module

  6. Module Random img

    • Module Type: TZ Services
    • Module Position: right

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "Random Image"
    • Content:

      Module

Config Template


Go to template manage choose template default


Config Theme

This is theme option for your template

1. Theme: With this option, you can select theme for your template. If you do not select “default”, It will be “default”

2. Favicon image: You can replace favicon for your template

3. Google Analytics ID(s): Google Analytics is a free tool of Google. It helps users know how to visitors come( accessing source), what language and device they use. Especially, Website owners can know content that their visitor see on their site

You can access this page to see Google Analytics: http://www.google.com.vn/analytics

This option allows you to use Color or not This option Right To Left for Layout

Config Layout

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

and you can set width for sidebar of template


Config Font

This option allows you to add font for tag html, class or ID. You can use google font, font windows, font squirrel

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


Config Menu

1. Dropdown Trigger: With Dropdown Menu, you can choose Click or Hover style to drop menu down

2. Off-Canvas Navigation: On small screen, this option allows you to use or not use Off-Canvas Navigation

3. Always show submenu: This option allows you to use Submenu or not

4. Navigation Type: With this option, you can choose menu for template, they are Joomla module or megamenu
Joomla module: This is default Joomla menu system
Megamenu: A new feature supported in Plazart Framework (a missing feature in Joomla). It helps you get menu in menu item

5. Animation: With this option, you can select effect for Megamenu’s dropmenu

6. Duration: Time of efficiency for drop megamenu down( by mili seconds)

7. Access: The access level group that is allowed to view this item.

8. Megamenu Configuration: With this option, you choose Megamenu to configure for menu item


With item configure, you will be able to:

- Using submenu or not

- Using group menu or not

- Set theme class for menu

- Setting width for menu

- Using module menu


Fixing this menu option, it will be usefull when you scroll

Config Advanced Setting

You can compression css and js for load web is quickly

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


Plugins


Plugin Tweet Download

This is download tweet plugin which is useful for you if you tweet or follow. This will take your customers to download link or show download link

Created:

Option:

Content - TZ Tweet2Show
TZ Tweet2Show Button

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

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

Typography

Icons Font

Listings

Dividers

Progress Bars

Code and Pre

Header Intro

Testimonial

Buttons

Table, Tab & Accordion

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. Setting Component TZ Portfolio:
    • Step 1:
    • Step 2: General
    • Step 3: TZ Portfolio - Time Line
    • Step 4: TZ Tag - User
    • Step 5: Image
    • Step 6: Artile

Com Unite Revolution Slider


  1. Document Com Unite Revolution Slider : Document
  2. Set up component Unite Revolution Slider: Extract component.zip and install revolution_slider4.2.2.zip
  3. Setting Component Unite Revolution Slider:
    • Step 1:
    • Step 2: Home Slider
    • Step 3: Slider Magazine

Com EasyBlog


  1. Document Com EasyBlog : Document
  2. Set up component EasyBlog: Extract component.zip and install com_easyblog_3.9.15278_paid_j2.5
  3. Setting Component EasyBlog:

Source and Credits


Extentions

  1. Plazart Framework 2.2
  2. TZ Portfolio Component
  3. Module Twitter Widget
  4. Unite Revolution Slider
  5. Com EasyBlog
  6. Module TZ Categories Menu
  7. Module Tz Tags
  8. Module TZ Portfolio Feature Article

Fonts

  1. Raleway
  2. Font Awesome