NIORY

I: General Information

We would like to express our thanks to you for purchasing TZ NIORY Template. We are extremely happy you have selected NIORY for your website. And we are also sure that you will not feel disappointed after using our TZ NIORY Template. To help our customers to use TZ NIORY Template easily, we provide you with the documentation with all the details you need to use our product.

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

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 NIORY.

II: Installation

You can install this template in two ways:

  • Install with quickstart.
  • Install this theme normally after you already have Joomla installed and ready to go.

II.1.Quickstart installation

Quickstart = Joomla + NIORY 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.

II.2.Template 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 NIORY Template 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.

III. Modules

1. Niory_slider

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: mod_tz_niory_slider

Position: Slider

Menu assignment: Assign for Home

2.Learn More

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Niory

Position: about-us

Menu assignment: Assign for home.

Menu assignment: Assign for home.

3.What we do

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: mod_tz_video

Position: service

Layour: video

Menu assignment: Assign for home.

Menu assignment: Assign for home.

4. Our Service

Module Preview 1

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager ->Add New

Module type: Custom HTML

Position: user4

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home Video

Module Preview 2

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: Tz Services

Position: User4

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home Video

7. Get Connected

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: Tz Social Custom

Position: User3

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home video

8. Our Client

Module Preview

Module Preview 1

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: Custom HTML

Position: history

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home video

Module Preview 2

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: TZ Services

Position: history

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home video

7. Partners

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: TZ Services

Position: partners

Menu assignment: On all the pages

11. Testimonial

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Go to Components/Tz Multipurpose/Group Fields

You need to create the Group field “Testimonial”.

Step 3: Go to Components/Tz Multipurpose/ Fields

You need to create the Fields such as: Icon, Description and Author

Step 4: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

You install the module “Testimonial” normally.

Module type: TZ Multi purpose

Position: testimonial

9. Our Members

Module Preview

Module Preview 1

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager ->Add New

Module type: Custom HTML

Position: our-team

Menu assignment: Assign for Home, Home Slider, Home Parallax and Home Video.

Module Preview 2

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager ->Add New

Module type: TZ Services

Position: our-team

10. Counting

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2:Go to Components/Tz Multipurpose/Group Fields

You need to create the Group field "Progress bar".

Step 3: Go to Components/Tz Multipurpose/ Fields

You need to create the Fields such as: Title and Value

Step 4: Click on: Extensions -> Extension Manager -> Module Manager ->Add new

You install the module “Counting” normally.

Module type: TZ Multi Purpose

Position: counting

11. You love our Service

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager -> Add new

Module type: tz social custom

Position: download

16. video

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager -> Add new

Module type: mod_tz_video

Position: video

13. Submit

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager -> Add new

Module type: Custom HTML

Position: Submit

18. Stay in Touch

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Custom HTML

Position: contact

19. Contact

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step2: Go to Components/Contacts/Contacts/Add New

You need to create a contact like that:

Step 3: Click on: Extensions -> Extension Manager ->Module Manager ->Add new

Create the module “mod_tz_contact” normally

Module type: mod_tz_contact

Position: contact

20. BT Google Maps

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: BT Google Maps

Position: google-map

21. Contact Map

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Service

Position: google-map

18. Totop

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Custom HTML

Position: footer1

19. Home Slider

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Multi Slideshow

Position: slider

Menu assignment: Assign for Home Video

20. We are niory Home slider

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Custom HTML

Position: about-us

Layour: Default

Menu assignment: Assign for home version 2.

21.Testimonials style 1

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Niory Custom

Position: testimonial1

Layour: ourmembers

Menu assignment: Assign for home version 2.

22. Home video

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Multi Slideshow

Position: slider

Menu assignment: Assign for Home Video

23. Video Text

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Custom HTML

Position: slider

Menu assignment: Assign for Home Video

24. We are niory Home video

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Tz Services

Position: about-us

Menu assignment: Assign for Home and Home Slider

25. Meet Our Team

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: mod_tz_multipurpose

Position: our-team

Layour: ourteamcarousel

Menu assignment: Assign for home version 2.

26. The Blog

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager

Module type: Custom HTML

Position: banner

Menu assignment: Assign for Blog.

28.Breadcrumbs

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager->Module Manager

Module type: Breadcrumbs

Position: top

Menu assignment: Assign for Blog.

29.Categories Widget

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager

Module type: TZ Categories Menu

Position: right

Menu assignment: Assign for Blog.

30.Flickr Widget

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Flick stream

Position: right

Menu assignment: Assign for Blog.

31.Tweet widget

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Tz Twitter Widget

Position: right

Menu assignment: Assign for Blog.

How to have your own keys:

Step 1: Log in here

Note: You must have Twitter Account

Step 2: Create a new Application

Step 3: Fill your information here

Step 4: You can see the following table

32.Tags Widget

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager ->Add new

Module type: TZ Tags

Position: right

Menu assignment: Assign for Blog.

33.Popular Post

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add New

Module type: TZ Most Popular

Position:

Menu assignment: On all the pages

34.Recent post

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager- Add New

Module type: TZ Most Popular

Position:

Menu assignment: On all the pages

35.Xpert Tabs

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: Xpert Tabs

Position: right

Menu assignment: Assign for Blog.

36.Slider Widget

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager ->Module Manager ->Add new

Module type: TZ News Pro

Position: right

Menu assignment: Assign for Blog.

37.Testimonials

Module Preview

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Extensions -> Extension Manager -> Module Manager -> Add new

Module type: TZ Services

Position: right

Menu assignment: Assign for Blog.

IV. Configuration Template

IV.1. Layouts

IV.1.1. plazart_blank - default

CONFIGURATION

IV.1.2. plazart_blank - Home

CONFIGURATION

IV.1.3. plazart_blank - Home Slider

CONFIGURATION

IV.1.4. plazart_blank - Home Parallax

CONFIGURATION

IV.1.5. plazart_blank - Home Video

CONFIGURATION

IV.2.Copy Template Styles

How to copy many template styles from Template Style: plazart_blank - Default

Step 1: Go to: Extensions --> Template manager
Step 2: When the new page load, click on the "plazart_blank - Default"
Step3: When the new page load, do the followings

Other template styles can be done the same example above.

IV.3.Theme color

To change the color, you can

Step 1: Go to: Extensions --> Template manager
Step 2: When the new page load, click on on template style, eg: "plazart_blank - Default"
Step3: You can change the color here (Image above)
Step4: You can change the color for other template style similarly.

IV.4. Navigation

Step 1: To configure Navigation, go to: Extensions --> Template manager --> open plazart_blank - Default , in the Navigation setting, you can configure "It".
Step 2: Select Menu to configure Mega Menu
Step3: Configure Mega Menu
You can see HERE to get more general information on configuring Megamenu.

IV.5. Fonts

To configure Fonts:Go to: Extensions --> Template manager --> open plazart_blank - Default , in the Fonts setting, you can configure "It".

You can refer to know how to use the fonts HERE

IV.6. Logo

You can go here to change the Templaza's logo to your logo

Path: Extensions-->Template Manager--> Choose the any template style (eg: plazart_blank-Home) -->in the tab "Theme"

IV.7. Assignment

It is extremely important for all users to assign any template style to the selected menu items that can be viewed by users.

Below is an example.

  • Assign the template style "plazart_blank - Home" to the menu item "Home"

    Go to: Extensions --> Template manager --> open plazart_blank - Home, in the Assignment; You can assign the current template style to the menu item by click this menu item.
    After assigning, you must have to click the "Save" button

  • plazart_blank - Home Slider: Assign the other template style for " Home Slider", you can do the same as the template style "plazart_blank - Home".
  • plazart_blank - Home Parallax: Assign the other template style for "Home Parallax", you can do the same as the template style "plazart_blank - Home".
  • plazart_blank - Home Video:Assign the other template style for "Home Video", you can do the same as the template style "plazart_blank - Home".

V. Templates of TZ Portfolio

V.8.1. Default

V.9. Article

Preview

You can change the Related Display number item and Article Introtext Counter which are shown in the part "RELATED ARTICLES" of Blog Page

Path: Extensions-->Template Manager--> Choose the any template style (eg: plazart_blank-blog sidebar left or plazart_blank-blog sidebar right or plazart_blank-blog v1 dark ) -->in the tab "Article"

VI. Create pages

VI.1. Home

Preview

Step 1: Create the menu item "Home"

You go to "Menus/Main Menu/Add new"

Menu type: Portfolio

Parent item: Menu Item Root

Step 2:Create all the modules which you can use in the Home Page

Step 3: Select the layout for Home and configure this layout.

Home uses the layout: "plazart_blank -home "

Step 4: Assignment

You can see the part Configure template==>Assignment

Step 5: Create the template "Portfolio" in the part "Template" of "TZ Portfolio"

You can go to Configure template==>template==>Portfolio in this document to see detail information

It helps to show the content of Portfolio according to its layout.

Note: You must assign for the category "Portfolio" by going to the tab "categories portfolio"

Step 6: Refresh your site and check whether Home page appears or not.

If it appears, you are successful. If not, you need to check the steps above and to ensure that you don’t make any mistakes.

VI.2. Home Slider

Preview

Step 1: Create the menu item "Home Slider"

You go to "Menus/Main Menu/Add new"

Menu type: Portfolio

Parent item: Home

Step 2:Create all the modules which you can use in the 'Home Slider'

Step 3: Select the layout for 'Dark Version' and configure this layout.

'Home Slider' uses the layout: "plazart_blank -home slider "

Step 4: Assignment

You can see the part Configure template==>Assignment

Step 5: Create the template "Portfolio" in the part "Template" of "TZ Portfolio"

You can go to Configure template==>template==>Portfolio in this document to see detail information

It helps to show the content of Portfolio according to its layout.

Note: You must assign for the category "Portfolio" by going to the tab "categories portfolio"

Step 6: Refresh your site and check whether "Home Slider" appears or not.

If it appears, you are successful. If not, you need to check the steps above and to ensure that you don’t make any mistakes.

VI.4. Home Video

Preview

Step 1: Create the menu item "Home Video"

You go to "Menus/Main Menu/Add new"

Menu type: Portfolio

Parent item: Home

Step 2:Create all the modules which you can use in the "Home Video"

Step 3: Select the layout for "Home Video" and configure this layout.

"Home Video" uses the layout: "plazart_blank - Home Video "

Step 4: Assignment

You can see the part Configure template==>Assignment

Step 5: Create the template "Portfolio" in the part "Template" of "TZ Portfolio"

You can go to Configure template==>template==>Portfolio in this document to see detail information

It helps to show the content of Portfolio according to its layout.

Note: You must assign for the category "Portfolio" by going to the tab "categories portfolio"

Step 6: Refresh your site and check whether "Home Video" appears or not.

If it appears, you are successful. If not, you need to check the steps above and to ensure that you don’t make any mistakes.

VI.5. Blog

Preview

Step 1: Create the menu item "Blog"

You go to "Menus/Main Menu/Add new"

Menu type: Category Blog

Parent item: Menu Item Root

Step 2:Create all the modules which you can use in the "Blog"

Step 3: Select the layout for "Blog" and configure this layout.

"Blog" uses the layout: "plazart_blank - Default "

Step 4: Create the template "Default" in the part "Template" of "TZ Portfolio"

You can see the part Configure template==>template==>Default

Step 6: Refresh your site and check whether "Blog" appears or not.

If it appears, you are successful. If not, you need to check the steps above and to ensure that you don’t make any mistakes.

VI.6. Other menu items

Step 1: Log into the back-end of your site (www.your-site.com/administrator/)

Step 2: Click on: Menus->Main Menu-> Add new

Menu type: External URL

Source & Credit