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. Source and Credits

TZ Aragon version1.0 Template

Documentation 1.0


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 + Aragon 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 Aragon 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 Aragon 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_Aragon - Default and click "Make Default". Refresh your site.

make default theme


make default theme

Layouts and Module Positions


Layouts



Aragon has 3 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_aragon"


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_aragon > 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 Home page

Home page

  1. Module TZ Full Slide

    • Module Type : TZ FULL SLIDER
    • Module Position : slideshow

    Created:

    • Step 1: Create new module
    • go to Extensions/ Module Manager/ create new module and choose type "TZ FULL SLIDER"
    • Step 2: Config module

      Module Layouts:
      • Default: display slideshow
      • Single Image: display single image
      • Single Video: display single video
  2. Logo Website

    You can change logo in config of template

  3. Mega Menu

    Module

    You can change option Navigation in config of template

  4. Module About Us

    Module
    • Module Type: Custom HTML
    • Module Position: employee

    Created:

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

      Module

  5. Theme Panel

    You can enable or disable it at item "Show Color Link" in config (tab Theme) of template

  6. Module Employee

    • Module Type: Employee
    • Module Position: employee

    Created:

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

      Module

      • Create employee's information (In Tab Basic Options):
        • First, you must put for item Name and Career or Image. After, click Save Button. You can loop this step to create more employee.
        • Choose layout "BX Slider" from tab Advanced Options.
        • Last, you must click "Save" button from toolbar to save all informations.
  7. Module Aragon - Paralax Responsive Joomla Template (Download Profile)

    • Module Type: Custom HTML
    • Module Position: headline

    Created:

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

      Module

  8. Module Say 1

    • Module Type: TZ Testimonial
    • Module Position: favourite

    Created:

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

      Module

      • Create say's information (In Tab Basic Options):
        • First, you must put for item Title, Author and Quotation or Image. After, click Save Button. You can loop this step to create more employee.
        • Choose layout "Parallax" from tab Advanced Options.
        • Last, you must click "Save" button from toolbar to save all informations.
  9. Module Our Services

    • Module Type: Custom HTML
    • Module Position: services-head

    Created:

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

      Module

  10. Module Services

    • For Joomla 3.2:
      • Module Type: Weblinks
      • Module Position: services

      Created:

      Go to Extension/ Modules Manager/ create new module and choose type "Weblinks"

    • For Joomla 2.5:
      • Module Type: TZ Services
      • Module Position: services

      Created:

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

  11. Module Say 2

    • Module Type: TZ Testimonial
    • Module Position: favourite

    Created:

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

      Module

      • Create say's information (In Tab Basic Options):
        • First, you must put for item Title, Author and Quotation or Image. After, click Save Button. You can loop this step to create more employee.
        • Choose layout "Parallax" from tab Advanced Options.
        • Last, you must click "Save" button from toolbar to save all informations.
  12. Component (from Portfolio view)

    You can create a Portfolio view from Com TZ Portfolio and you can config Ratio for images in template.

  13. Module Newsletter

    • Module Type: Custom HTML
    • Module Position: newsletter

    Created:

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

      Module

  14. Social Links

    You can enable or disable and put the social link in config (tab Social Links) of template

    And you can create your module with:

    • Module Position: social-bottom
  15. Module Random Article

    • Module Type: TZ Most Random
    • Module Position: article-random

    Created:

    Go to Extension/ Modules Manager/ create new module and choose type "TZ Most Random"

  16. Module Our Clients

    • For Joomla 3.2:
      • Module Type: Weblinks
      • Module Position: logo-link

      Created:

      Go to Extension/ Modules Manager/ create new module and choose type "Weblinks"

    • For Joomla 2.5:
      • Module Type: TZ Client
      • Module Position: logo-link

      Created:

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

  17. Module Testimonial

    • Module Type: Articles - Newsflash
    • Module Position: testimonial

    Created:

    Go to Extension/ Modules Manager/ create new module and choose type "Articles - Newsflash"

  18. Module TZ Twitter Widget

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

    Created:

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

  19. Module Contact Us

    • Module Type: TZ Contact
    • Module Position: contact

    Created:

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

      You must choose a contact in contacts list from com contact.

  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:

  21. Module Contact Detail

    • Module Type: TZ Contact
    • Module Position: contact-bottom

    Created:

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

      You must choose a contact in contacts list from com contact.

  22. Change copyright and logo framework please read Config Template



  23. Modules in Blog page


    Blog page


  24. Module Breadcrumbs Module Breadcrumbs
    • Module Type: Breadcrumbs
    • Module Position: breadcrumb
  25. Module Categories Module Categories
    • Module Type: Module Menu Categories
    • Module Position: right
  26. Module Latest Tweets Module Latest Tweets
    • Module Type: Mod TZ Twitter Widget
    • Module Position: right
    • Config: You must disable Show Image Background in module's config.
  27. Module Featured Module Featured
    • Module Type: TZ Portfolio Feature Article
    • Module Position: right

    Created:

    • Go to Extension/ Modules Manager/ create new module and choose type "TZ Portfolio Feature Article"
  28. Module Archives Module Archives
    • Module Type: Archives
    • Module Position: right

Config Template


Go to template manage choose template default


Config Theme

TZ Aragon has 7 themes: blue, default, gray, green, orange, pink, yellow. You can choose a theme from item theme.

You can change logo and change copyright

Change logo framework:
You upload image with name (framework-logo.png) to folder images path(templates/tz_aragon/images)


Config Layout

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

and you can set width for sidebar of template


Config Font

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


Config Menu


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.


Config Aragon Settings

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

Typography

Social Icons

Buttons

Pricing Table

Table

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 Gallery
    • Step 5: TZ Tag - User
    • Step 6: Image
    • Step 7: Artile

Source and Credits


Extentions

  1. Plazart Framework 1.3
  2. TZ Portfolio Component
  3. TZ Guestbook Component
  4. Module Twitter Widget
  5. Module BT Google Map
  6. Module TZ Contact
  7. Module TZ Employee
  8. Module TZ Testimonial
  9. Module TZ Full Slide

Script & Icon & Image & Video Music

Script
  1. http://johnpolacek.github.io/scrolldeck.js/decks/parallax/
Icon
  1. http://twitter.github.com/bootstrap/
  2. http://fontfabric.com/social-media-icons-pack/
    Image
  1. http://www.flickr.com/groups/fashionphotography/pool/
  2. http://www.flickr.com/groups/modeling/pool/
    Video
  1. https://www.youtube.com/watch?v=I2mFqHhpzE8
  2. https://vimeo.com/24243147

Fonts

  1. Open Sans
  2. Bebas Neue