TZ Nicanian2 version1.2 Template

Documentation 1.2

Created: 25/01/2012
By: Templaza
Email: info@templaza.com

Thank you for purchasing 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 + Nicanian2 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:

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.
Start installation by typing your URL to the directory you have placed quickstart files. The installation page should be appeared as normal Joomla! installation.

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

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 Nicanian2 Template is easy and quick. Before installation you need extract zip file and install plugin T3 Framework for Joomla 3.0

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

make default theme

Layouts and Module Positions

Layouts

Nicanian2 has 3 layout

Layout Default
Layout Home
Layout Portfolio

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

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_vania"

This template is written under T3 framework and mostly module positions are controlled through xml files. Those xml files are stored on etc > layouts folder. You could directly access those xml files through your template manager > layouts (tab). There are four xml files are available on this template (see our demo):

default.xml

Modules Position

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

Login to the administration area
Please go to template manager and click option
You would have pop up box with two tabs, 1st one is template and 2nd one is permission, You should choose templates tab
then click enabled Preview Module Positions, and then click save and close
Please make sure, you have enabled "Enable Template Information" in global tab of template parameter
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:
Or you can go to folder templates > tz_nicanian2 > etc > layouts. There should be several xml files. You could open it to understand the used position on this templates.

CSS Files and structure

Note: Don't click to "Compile LESS to CSS"

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

custom.css --> Stores CSS for main div layout
bootstrap-responsive.css --> CSS responsive template

Modules

Modules in Home page

Home page

Logo Website

Logo Image:
Logo is module
- Module Type : Custom HTML
- Module Position : logo
- Module Class Suffix: _logo
- Module content: upload image in to module
Change Vertical Logo

Change vertical logo bar, transparent...

Change vertical logo bar:
Example if you use default style you upload image width name "bg-logo.png" to path (templates/tz_nicanian2/images)
if you use dark style you upload image width name "bg-logo-dark.png" to path (templates/tz_nicanian2_dark/images)
if you use Surf style you upload image width name "bg-logo-suff.png" to path (templates/tz_nicanian2_surf/images)

Change opacity.
Open file default.php in path(modules/mod_tz_fullslide/tmpl/default.php) and change width or height line 263.

Change Size of vertical logo.
you can open file custom.css in path(templates/tz_nicanian2/css/custom.css) (if you use dark style template is tz_nicanian2_dark and tz_nicanian2_surf ) find element ".ja-sidebar-1 .sidebar-background " and change width and height.
Open file default.php in path(modules/mod_tz_fullslide/tmpl/default.php) and change width or height line 228, 262, 268.
Module Menu
- Module Type : Menu
- Module Position : mainnav
- Module Class Suffix: sf-menu
Created:
- Step 1: Create new menu
- go to extension/ modules manager/ create new module and choose type "menu"
Config:
Module Twitter Widget
- Module Type : TZ Twitter Widget
- Module Position : Sidebar 1
Config:
Module Copyright
- Module Type : Custom HTML
- Module Position : Sidebar 1
Created:
- Go to extension/ modules manager/ create new module and choose type "Custom HTML"
Module TZ FULL SLIDER
- Module Type : TZ FULL SLIDER
- Module Position : slideshow
How to change music in slide:

You upload two music files with name (background_music.mp3 & background_music.ogg) to folder sounds in path(modules/mod_tz_fullslide/sounds)

You can convert mp3 to ogg in page: http://audio.online-convert.com/convert-to-ogg

config:
Module TZ FULL SLIDER VIDEO
- Module Type : TZ VIDEO FULL SLIDER
- Module Position : slideshow
config:
Module TZ LIVID
- Module Type : TZ LIVID
- Module Position : slideshow
config:

Modules in Blog page

Blog page

Module Popular Posts
- Module Type : TZ News
- Module Position : Sidebar 2
- Config:
Module Our Services
- Module Type : TZ News
- Module Position : Sidebar 2
- Config:

Module in Contact page

Module Google map Go to Site/Global Configuration and setting
- Module Type : Custom HTML
- Module Position : Position 1
- Module text: you can paste google map code after setting editor-none

Change style Template

Go to template manage choose template set default

Example: choose style "Surf"

after click "tz_nicanian2_surf - Home" and assign menu home

after click "tz_nicanian2_surf - Portfolio" and assign menu home

and you go to module manage choose module with style Surf and enable it.

example module Logo and module Twitter Widget

Plugins

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

System - JB Library, because it's very important to make sure the Captify Content Module and the Scroll to top button can work as we want. Please go to plugin manager and find System - JB Library, You should make sure everything has been setup properly
JA T3 Framework, since this template is written under T3 Framework, we need to enable this plugin, unless there would be a warning messages to install and enabled T3 Plugin

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

Set up Portfolio page

How to show tags filter

Created tags in com tz portfolio

When you created article you have choose tag for this article

How to show image type: Landscape, Portrait

Step 1:
Create group field: portfolio

Step 2:
Create field: Landscape, Portrait

Step 3:
Choose value in article

Created menu item and choose menu type: Portfolio

Setting params:

Set up GuestBook page

Created menu item and choose menu type:

Setting params: in param "Advanced Options"

Set up Blog page

Created menu item and choose menu type: Category Blog in com Tz Portfolio

Setting params:

In tab "Advanced Options" in "Article Options"

find " Show "Read More" " and choose "Show"

Com TZ Portfolio

Creating Portfolio

Document Com TZ Portfolio: Portfolio document
Set up component TZ Portfolio: Extract component.zip and install 20121229_com_tz_portfolio_joomla3.0_v3.0.3.zip
Setting Component TZ Portfolio:
- Step 1:
- Step 2: TZ portfolio
- Step 3: TZ Images
- Step 4: Article
- Step 5: Blog / Featured Layouts

T3 Framework 3.0 Documentation

Look documentation of T3 framework 2.0.

Videos of T3 framework 3.0:

Source and Credits

Extentions

Icon & Image & Video Music

Icon

http://iconsweets2.com/

Image

Video

Fonts