1. Start
  2. Quickstart Installation
  3. Template Installation
  4. Layouts and Module Positions
  5. CSS Files and structure
  6. Modules
  7. Plugins
  8. Set up Page
  9. Com TZ Portfolio
  10. T3 Framework 2.0 Documentation
  11. Source and Credits

TZ Vania 1.5 Template

Documentation 1.5


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 + Vania 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


    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 Vania Template is easy and quick. Before installation you need to download latest version of Ja T3 System Plugin for Joomla 2.5.

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

make default theme


make default theme

Layouts and Module Positions


Layouts



Layout default

layout default

Layout Left1-Left2-Main

layout left1 left2 main

Layout main-right1-right2

layout main right1 mann

Use Layout

Example: create menu item "Blog" and choose layout left1-left2-main

Step 1:

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

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):

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

  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_vania > core > 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 :

Modules


Modules in Home page

Home page

  1. Logo Website

    Logo Image:
    • Step 1: Upload image with name (logo.png) into path (templates/tz_vania/images)
    • Step 2: You can change with height in (templates/tz_vania/css/template.css) line 282 and line 284
    Logo Text:
    • Step 1: Go to administrator/ extensions/ templates manager/ tz_vania
    • in profile set up as
  2. Module Search

    Module twitter
    • Module Type : Search
    • Module Position : search

    Config:

    Module
  3. Module Menu top

    Module
    • Module Type : Menu
    • Module Position : top-menu
    • Module Class Suffix: _menutop

    Created:

    • Step 1: Create new menu
    • go to extension/ modules manager/ create new module and choose type "menu"

    Config:

    config
  4. Module Tz Social

    • Module Type : Module social network
    • Module Position : search
    • Module Class Suffix: _social

    Created:

    • Step 1: install module Tz Social
    • go to extension/ modules manager/ create new module and choose type "Tz Social"

    Config:

    Module
  5. Module To Top

    • Module Type : Module social network
    • Module Position : footer
    • Module Class Suffix: _totop
    • Module text: Module

    Created:

    • go to extension/ modules manager/ create new module and choose type "Custom HTML"

    Config:

    Module
  6. Module Menu Footer

    Module
    • Module Type : Menu
    • Module Position : footer
    • Module Class Suffix: _footer

    Created:

    • Step 1: Create new menu
    • Step 2:go to extension/ modules manager/ create new module and choose type "Menu"

    Config:

    Module
  7. Module Copyright

    Module
    • Module Type : Custom HTML
    • Module Position : footnav
    • Module text: Module

    Created:

    • Go to extension/ modules manager/ create new module and choose type "Custom HTML"
  8. Notice Scroll tags filter

    When you scroll in tags filter will have display module "Menu Logo"

    You can change or remove this module

    Go to Extensions/ Modules manager/
    • Module Type : Custom HTML
    • Module Position : menu_logo
    • Module text: Module


  9. Modules in Blog page


    Blog page


  10. Module Text Widget
    • Module Type : Custom HTML
    • Module Position : left
    • Module text:
  11. Module Categories
    • Module Type : Module Menu Categories
    • Module Position : left
    • Config:
  12. Module Tags Cloud
    • Module Type : Tz Tags
    • Module Position : left
    • Config:
  13. Module Latest Post
    • Module Type : TZ News
    • Module Position : right
    • Module Class Suffix: _blue _hot
    • Config:
  14. Notice Prefix
    • background color: module have prefix: _blue, _green, _red, _gray, _purple, _teal
    • background image: module have prefix: _top, _new, _hot, _pick

  15. Module TZ Carousel Slider
    • Module Type :TZ Carousel Slider
    • Module Position : user6
    • Settings:
  16. Module TZ Flickr
    • Module Type : TZ FLICK STREAM
    • Module Position : sticker8
    • Settings:
  17. Module Blog feed
    • Module Type : Syndication Feeds
    • Module Position : feed
  18. Module in Contact page





  19. Module Google map Go to Site/Global Configuration and setting
    • Module Type : Custom HTML
    • Module Position : content-mass-top
    • Module text: you can paste google map code after setting editor-none

  20. Module in Home slider


  21. Module Slide show
    • Module Type : TZ FLEX SLIDER
    • Module Position : content-mass-top
    • Module config:

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

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

How to show quote

Step 1:
go to components/com tz portfolio created Group field "Quote" Created field "Author" in field group "Quote" Step 2:
Created article in field "Quote" Created menu item and choose menu type: Portfolio

Setting params:


Set up Time line page as Portfolio page


Created menu item and choose menu type: Time line

Set up Blog page


Step 1

Go to com TZ Portfolio / Group fields and create group field with name "Blog"

Step 2

Add category "Blog" and choose group field is Blog

Step 3
Created menu item and choose menu type: Category Blog

Setting params:

In tab "TZ Portfolio Options"


Com TZ Portfolio


Creating Portfolio

  1. Document Com TZ Portfolio: Portfolio document
  2. Set up component TZ Portfolio: Extract component.zip and install com_tz_portfolio_joomla2.5_v2.5.11.zip
  3. Setting Component TZ Portfolio:
    • Step 1:
    • Step 2: TZ portfolio
    • Step 3: TZ Images
    • Step 4: Article
    • Step 5: Blog / Featured Layouts

T3 Framework 2.0 Documentation


Look documentation of T3 framework 2.0.

Videos of T3 framework 2.0:

  1. T3 Framework 2.0 Overview
  2. Themes and Layouts

Source and Credits


Extentions

  1. T3 Framework 2.0
  2. TZ Portfolio Component
  3. Module Twitter
  4. Module SocialNetwork
  5. Module TZ News
  6. Module Xperttabs
  7. TZ FLEX SLIDER
  8. TZ Carousel Slider

Icon & Image & Video Music

Icon
  1. http://iconsweets2.com/
    Image
  1. http://www.flickr.com/groups/fashion/pool/
  2. http://www.flickr.com/groups/modeling/pool/
    Video
  1. http://www.youtube.com/watch?v=NdHsJlQ5gaE
  2. http://www.youtube.com/watch?feature=player_embedded&v=HQWAk92KEa8
  3. http://localhost/vania/index.php/portfolio/video/2-pellentesque-at-cur
  4. http://vimeo.com/32240946
  5. http://vimeo.com/8734762
  6. http://vimeo.com/20665682
  7. http://www.youtube.com/watch?v=QOowQeKyNkQ&feature=player_embedded
    Music
  1. http://soundcloud.com/diplo/got-stoned-and-mixed-really
  2. http://soundcloud.com/kaskade/skylar-grey-vs-thomas-sagastad
  3. http://soundcloud.com/desirednoise/bingo-players-rattle-luminox
  4. http://soundcloud.com/takeydo/snowwhite-originalmixcut
  5. http://soundcloud.com/luciano-colman/v-live-luciano-colman-y-maxi
  6. http://soundcloud.com/flux-pavilion/jah-no-partial-with-major

Fonts

  1. Open Sans
  2. verdana