Start
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)
To install this theme you must have a working version of Joomla already installed. If you need help installing Joomla, follow the instructions in Siteground or you can watch the instructional video. Here are some useful links for Joomla information
- Siteground general info about Joomla and how to install on your server.
- Instructional Video video to instruct how to install Joomla.
If you have any questions that are beyond the scope of this documentation file, please feel free to post it on our forum here. Thanks so much! We hope you enjoy using Start.

INSTALLATION
You can install this template in two ways:
- When installing quickstart, you will get the demo data without paid extensions.
- When installing manually, you need to install your site step by step.
- If you build your site from scratch, quickstart installation will be the best choice for you.
Quickstart installation
NOTE:
- You can see how to install our quickstart package on your Cpanel HERE.
- After the installation, you can have a look at the tutorial of each page to configure the template as you want.
Manual Installation
In this way, you already have Joomla installed and ready to go. To install Joomla manually on a web server, you can follow the instructions in the website: How to Install Joomla?
TZ Start Manual Installation
Follow the steps below to install via Admin Panel (packed template file)
Step 1: Log into the back-end of your site (www.your-site.com/administrator/)
Step 2: Click on: Extensions -> Extension Manager
Step 3: Click on the button "choose the file" in the "Upload & Install Joomla Extension" area
Step 4: Navigate to find the "package_template_zip" file on your computer and click the button "Upload File & Install"
Step 5: Wait while the theme is uploaded and installed.
If the package contains no errors you are done and get a success message like the one beside.

Step 6: Then click on: Extensions -> Template Manager and follow the following instructions like those below.

Layout
Diary has 2 types of layout:
- Layout Default
- Layout Home
Layout Default
General Layout

Detailed Layout
- 1. Name : ImageLoading
Custome Class : loading - 2. Name : Header-blog
Custome Class : header-blog
Background : rgb(255, 255, 255) - 3. Type : Mega Menu
Position : menu
Custome Class : menu-blog - 4. Name : Topbody
Background: rgb(247, 246, 244) - 5. Name : MainBlog
Custome Class : main-blog
Background : rgb(247, 246, 244) - 6. Name : Footer
Custome Class : footer - 7. Type : Modules
Position : footer1
Custome Class : footer_body left - 8. Type : Modules
Position : footer2
Custome Class : footer_body left - 9. Name : Copyright
Background : rgb(21, 22, 28)
Custome Class : tzcopyright
Layout Home
General Layout

Detailed Layout
- 1. Name : FullSlide
Custome Class : fullslide
Margin : 0
Padding : 0 - 2. Name : Header
Custome Class : header - 3. Name : About
Custome Class : about - 4. Name : Offer
Custome Class : offer - 5. Name : OurTeam
Custome Class : our_team - 6. Name : Feature
Custome Class : features - 7. Name : Milestones
Custome Class : milestones - 8. Name : Purchase
Custome Class : purchase - 9. Position : Portfolio
Custome Class : block__portfolio - 10. Name : RecentBlog
Custome Class : blogs - 11. Name : Contact
Custome Class : contact - 12. Name : Footer
Custome Class : footer - 13. Name : Copyright
Background : rgb(21, 22, 28)
Custome Class : tzcopyright
Font
You can configure font by: Going to Administrator/Template Manager/Your Template/Advances/Font.You can see an below image.

Layout Home :
- NovecentosanswideLight : .slogan
- NovecentosanswideMedium : .site-name
- NovecentosanswideNormal : .title-big h1 span
- NovecentosanswideBold : .title-big h1, .blogs .blog-content .blog-title a
Layout Default :
- NovecentosanswideLight : .slogan
- NovecentosanswideMedium : .site-name
- NovecentosanswideNormal : .title-big h1 span
- NovecentosanswideBold : .title-big h1, .blogs .blog-content .blog-title a
- OpenSansLight : .blog-time, .corner-date span
- OpenSansRegular : .error-color
Theme
You can configure for your theme in Theme tab in Template Manager.

Advanced Setting
You will be able to configure about css by:
Going to Administrator/Template Manager/Advanced Setting.

Module
To create a new module, follow the steps below to install via Admin Panel (packed template file)
Step 1: Log into the back-end of your site (www.your-site.com/administrator/)
Step 2: Click on: Extensions -> Module Manager
Step 3: Click on the button "New"
Step 4: Select a Module Type
Step 5: Click the button "Save" after you are sure that you have finished all the requirements in each section (ex: title, module, Module Assignment, module permissions, options and advanced, so on)
Below are some special notes for each module which you want to use in TZ Start Template
Module in layout Home
1. Module TZ Mutil Slideshow
- Module Type : TZ Mutil Slideshow
- Module Position : fullslide

-
Basic Option
-
Video Option
-
Advanced Option
Layout "backstretch" : Slide image
Layout "SingleImage" : Single image
Layout "Video" : Video
2. Fullslide - Text
- Module Type : Custom
- Module Position : fullslide

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div id="homepage">
<div class="overlay"> </div>
<div class="overlay-color"> </div>
<div class="homepage-inner"><img src="images/logo-sh-pink.png" alt="" />
<div class="since">SINCE 1978</div>
<div class="slogan">IT'S TIME TO</div>
<div class="site-name">START</div>
<div class="desc">START IS A MULTI PURPOSE HTML5 TEMPLATE</div>
</div>
<div id="button-scroll" class="hidden-xs"><a href="#aboutus">LEARN MORE <br /> <img src="images/arrow-down-pink.png" alt="" /> </a></div>
<hr /></div>

3. About - Head
- Module Type : Custom
- Module Position : about-head

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="title-big">
<div class="decor-title">ABOUT US</div>
<h1>EVERYTHINGABOUT US</h1>
<h2 class="subtitle">We deliver future proof web services for timely ideas in New York.</h2>
<hr /></div>
<p class="history">We established our company at Newyork. Compellingly transition inside progressive back thinking functional services. Our partnership customized and enabled catalyst exceptional goal oriented tactical platforms revolutionary process and initiate dynamic communities.</p>

4. Logo
You can change logo website in configure template.

First, You go to admin/extensions/template manager/your template/theme.

5. Mega Menu
You can change menu in configure template.

First, you go to admin/extensions/template manager/your template/navigation. You can go to Administrator/Template Manager/Mega Menu to configure
6. About
- Module Type : Tz Multi Purpose
- Module Position : about–body

Config menu:First, you must create group field and field. See Here
-
Step 1 : Click button
to add new information
-
Step 2 : You can do like this below image.
-
Step 3 : Choose layout "tzabout".
-
Step 4 : Last, you click button "Save" to save all information.
7.About - Download
- Module Type : Custom HTML
- Module Position : about-foot

Content module:Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<p><button class="button"> GET STARTED </button></p>

8. Offer
- Module Type : TZ Multipurpose
- Module Position : offer-body

Config module:First, you must create group field and field. See Here
-
Step 1 : Click button
to add new information
-
Step 2 : You can do like this below image.
-
Step 3 : Set title and background for module.
Note: You can change all title or all underlined parts
-
Step 4 : Choose layout "tzabout".
-
Step 5 : Last, you click button "Save" to save all information.
9. Team - Head
- Module Type : Custom
- Module Position : team-body

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="title-big">
<div class="decor-title">OUR TEAM</div>
<h1>AMAZING TEAM MEMBERS</h1>
<h2 class="subtitle">Our amazing team members are working for your happiness.</h2>
<hr /></div>

10. Team
- Module Type : TZ Multipurpose
- Module Position : team-body

Config module:First, you must create group field and field. See Here
-
Step 1 : Click button
to add new information
-
Step 2 : You can do like this below image.
-
Step 3 : Set option for module in tab "Our Team".
-
Step 4 : Choose layout "ourteam".
-
Step 5 : Last, you click button "Save" to save all information.
11. Feature Slide
- Module Type : TZ Multipurpose
- Module Position : feature

Config module:First, you must create group field and field. See Here
-
Step 1 : Click button
to add new information
-
Step 2 : You can do like this below image.
-
Step 3 : Set option for module in tab "Our Team".
-
Step 4 : Choose layout "ourteam".
-
Step 5 : Last, you click button "Save" to save all information.
12. Milestones - Head
- Module Type : Custom HTML
- Module Position : milestones

Content module :Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<p><img class="img-circle man" src="images/earned-customers/man.png" alt="" /></p>
<h1 class="title-smooth">OUR CUSTOMERS CAN’T BE WRONG</h1>
<hr />
<p class="title-desc">Dramatically whereas real time resource competency products corporate manufactured products and energistically administrate team.</p>

13. Milestones
- Module Type : Tz Employee
- Module Position : milestones

Config module:
- Basic option
- Advanced option:
Note: Recommend choose layout milestones.
14.Purchase - Body
- Module Type: Tz Purchase
- Module Position: purchase

Config module:
- Basic option
- Advanced option
Note:Layout default is default.
15. Purchase - Footer
- Module Type: Custom HTML
- Module Position: purchase

Content module :Toggle editor to see content of module so that you change the part that is marked ( as we underlined)

16. Mass-top
- Module Type: Custom HTML
- Module Position: mass-top

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="title-big">
<div class="decor-title">PORTFOLIO</div>
<h1>OUR LOVELY PORTFOLIO</h1>
<h2 class="subtitle">Please have a look our recent works to have info about us.</h2>
<hr /></div>

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

18. Blog - Head
- Module Type: Custom HTML
- Module Position: blog

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="tz__block__title">
<div><img class="img-circle woman" src="images/blog/woman.png" alt="" /></div>
<h1 class="title-smooth">RECENT BLOG POSTS</h1>
<hr />
<p class="title-desc">Professionally orchestrate multidisciplinary web readiness after covalent expertise before leading edge alignments.</p>
</div>

19. Recent
- Module Type: Articles - Category
- Module Position: blog

Config module:
- Basic option:
- Select Category:
- Layout: Choose layout "default".
20. Contact - Head
- Module Type: Custom
- Module Position: contact

Config module Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="overlay"> </div>
<div class="overlay-color"> </div>
<div class="bg-contact"> </div>
<div class="container">
<h1 class="title-smooth">CONTACT US TODAY</h1>
<hr />
<p class="title-desc">Credibly incentivize customer directed benefits through cross media mindshare functionalized innovation without backend markets.</p>
</div>

21. Contact - Body
- Module Type: Tz Contact
- Module Position: contact

Step 1: Create contact.
To create contact, you can go to Administrator --> Component --> Contact
--> Create New Contact.
(You can see instruction with below image)

Step 2 : Config module.

22. Contact - Logo
- Module Type: Custom
- Module Position: contact

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="logos container">
<div class="img-wrap row"><img class="img-responsive" src="images/clients/1.png" alt="" /> <img class="img-responsive" src="images/clients/2.png" alt="" /> <img class="img-responsive" src="images/clients/3.png" alt="" /> <img class="img-responsive" src="images/clients/4.png" alt="" /> <img class="img-responsive" src="images/clients/5.png" alt="" /></div>
</div>

23. To Top
- Module Type: Custom
- Module Position: footer-totop

Content module: Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div id="back"><a class="back"> <img src="images/logo-sh-pink.png" alt="" /> BACK TO TOP </a></div>

24. Footer - Left
- Module Type: Custom
- Module Position: footer1

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<ul class="contacts">
<li class="tel">+1782348872</li>
<li class="email">info@domain.com</li>
<li class="location">New York, USA</li>
</ul>

25. Footer - Right
- Module Type: Custom
- Module Position: footer2

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="social-icons"> </div>

26. Copy Right
- Module Type: Custom
- Module Position: footer_copyright

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)
<div class="copyright">© 2014 <a href="#">START TEMPLATE</a> BY <a href="http://www.templaza.com/">TemPlaza</a></div>

Module in layout Default

1. Blog Single
- Module Type: Custom HTML
- Module Position: top

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)

2. Search - Blog
- Module Type: Search
- Module Position: right

Configure Module

3. Menu Categories
- Module Type: TZ Categories Menu
- Module Position: Right

Configure Module

4. Flickr Photos
- Module TZ FLICK STREAM
- Module Position: right

Configure Module:

5. Text Widget
- Module Type: Custom HTML
- Module Position: right

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)

6. Archives
- Module Type: TZ Archived Articles
- Module Position: right

Conffig module :

7. Recent Post
- Module Type: TZ Latest News
- Module Position: right

Config module :

8. Tag
- Module Type: Tz Tags
- Module Position: right

Config module :

9. To Top - Default
- Module Type: Custom HTML
- Module Position: right

Content module : Toggle editor to see content of module so that you change the part that is marked ( as we underlined)

Menu Items
1. Home(150)
- Menu Item Type : Menu Item Alias
- Template Style: Use Default

2. About(149)
- Menu Item Type : Menu Item Alias
- Template Style: Use Default

3. Team(151)
- Menu Item Type : Menu Item Alias
- Template Style: Use Default

4.Portfolio (152)
- Menu Item Type :TZ Portfolio Plus » Portfolio
- Template Style: Use Default
- TZ Portfolio Plus Template Style: Use Default

5. Blog(154)
- Menu Item Type :Articles » Category Blog
- Template Style: Use Default

6. Compact list of tagged items
- Menu Item Type :Articles » Category Blog
- Template Style: Use Default

7. List of all tags
- Menu Item Type :Tags » List of all tags
- Template Style: Use Default

8. Tagged Items
- Menu Item Type :Tags » Tagged Items
- Template Style: Use Default

9. Contact(153)
- Menu Item Type :Tags » Tagged Items
- Template Style: Use Default

10. Home(101)
- Menu Item Type : Articles » Featured Articles
- Template Style: TZ Start - Home

11. About(110)
- Menu Item Type :External URL/li>
- Template Style: TZ Start - Home

12. Team(111)
- Menu Item Type : External URL
- Template Style: TZ Start - Home

13.Portfolio (112)
- Menu Item Type :External URL
- Template Style: TZ Start - Home

14. Blog(113)
- Menu Item Type :External URL
- Template Style: TZ Start - Home

15. Contact (114)
- Menu Item Type :External URL
- Template Style: TZ Start - Home

16. Feature Slider
- Menu Item Type :Articles » Category Blog
- Template Style: Use Default

17.Slideshow
- Menu Item Type :Articles » Category Blog
- Template Style: Use Default

18.Search (237)
- Menu Item Type :Search » Search Form or Search Results
- Template Style: Use Default

Basic Things
The header is probably one of the first things you will want to set up. It includes everything above and including the menu, mega menu Configuration, and we will mention creating tags, categories, articles in this section. All of this is done via our Admin Panel. The following sections will cover several different sections of the header that are listed below.
1. Adding a new tag
To create tags which you want to use in each article, you need to install the “TZ Portfolio”.
Step 1: Log into the back-end of your site (www.your-site.com/administrator/)
Step 2: Click on: Extensions -> Extension Manager
Step 3: Click on the button “choose the file” in the “Upload & Install Joomla Extension” area
Step 4: Navigate to find the “tz-portfolio-plus_v_1.1.1.zip” file on your computer and click the button "Upload File & Install"
Step 5: Wait while the theme is uploaded and installed.
If the package contains no errors you are done and get a success message, then you continue to create a new module as normally.
To add a new tag, do the followings:
Step 1: Click on: Components -> TZ Portfolio ->Tags
Step2: Click on the button “New”

Step 3: Complete the fields as required

Name: A proper title for the tag.
Published: Published
Step 4: Click the Save toolbar button to create the new tag

To leave without saving click the Cancel toolbar button
When you go to the Article Manager and select the Section that you created, the tags list will show the tags assigned to that Section

2. Adding a new category
Like creating a new tag, you need to have TZ Portfolio. You can see TZ Portfolio’s installation above.
To add a new tag, do the followings:
Step 1: Click on: Components -> TZ Portfolio ->Categories
Step 2: When the new page loads, click on the “New” button

Step 3: Enter the following fields:

(1)Title: The name of the Category. This is what will show on the pages if needed
(2) Alias: (optional) A unique name for the Category. It is not shown anywhere. If left blank, Joomla will
fill it in automatically.
(3)Image: (Optional) displays and Image next to the Category Title on the web pages with the Category Title
Showing.
(4) Description: (optional) Describe what the Category is and what it is used for.
While this is optional, it is recommended in case other site administrators try to use the Category
Step 4: When all fields have been completed, click the Save button

When you go to the Article Manager and select the Section that you created, the category list will show the Categories assigned to that Section
.jpg)
3. Add a new menu
To add a new menu which can hold menu items do the following:
Step1: Log in to the Joomla! Administrator Back-end.
Step2: Click Menus > Menu Manager on the toolbar menu. The Menu Manager screen opens.

Step3: Click the New toolbar button. The New/Edit Menu screen opens.

Step 4: Complete the fields as required:
Title: A proper title for the menu. This is used to identify the menu the Menu Manager in the backend.
Menu type: This should be a unique identification name used by Joomla! to identify this menu. Spaces are not allowed but you may use the '-' character such as news-menu.
Description: A description of the menu, useful for your own reference.
Step 5: Click the Save toolbar button to create the new menu.
.jpg)
You can now add new menu items to the newly created menu.
Com TZ Portfolio+
Installation
Step 1 : Log into the back-end of your site (www.your-site.com/administrator/).
Step 2 : Click on: Extensions -> Extension Manager.
Step 3 : Click on the button "choose the file" in the "Upload & Install Joomla Extension" area.
Step 4 : Navigate to find the "tz-portfolio-plus_v_1.1.1.zip" file on your computer and click the button "Upload File & Install".
Step 5 : Wait while the theme is uploaded and installed.
Note: If the package contains no errors you are done and get a success message, then you continue to create a new module as normally.
Configure Component
Administrator/Components/Global Configuration/ TZ Portfolio Plus Manager Options




How to Create Group Fields and Fields
Generally, Start template has 4 Group Fields.
How to create Group Fields
Step 1 : You go to Administrator/Components/Tz Multi Purposes/Group Fields/New
Step 2 : You can continue creating 4 Group Fields : "About","Offer","Team","Feature"
How to create Fields in Group Fields
Each Group Field will contain many different Fields.
Fields in Group Fields "About"
-
Step 1 : Going to Administrator/Components/Tz Multi Purposes/Fields/New.
-
Step 2 : You can continue creating fields ( As below images)
Icon
Title
Description
Link
Fields in Group Fields "Offer"
-
Step 1 : Going to Administrator/Components/Tz Multi Purposes/Fields/New.
-
Step 2 : You can continue creating fields ( As below images)
Content
Image Icon
Fields in Group Fields "Team"
-
Step 1 : Going to Administrator/Components/Tz Multi Purposes/Fields/New.
-
Step 2 : You can continue creating fields ( As below images)
Image
Name
Job
Description
Facebook
Skype
Twitter
Likedin
Background
Fields in Group Fields "Feature"
-
Step 1 : Going to Administrator/Components/Tz Multi Purposes/Fields/New.
-
Step 2 : You can continue creating fields ( As below images)
Links
Title
Content
Button
Image
Icon
Class Image