HENRY

General Information

We would like to express our thanks to you for purchasing TZ Henry Template. We are extremely happy you have selected Henry for your website. And we are also sure that you will not feel disappointed after using our TZ Henry Template. To help our customers to use TZ Henry 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 Jollyany.

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.

Quickstart installation

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

Install Quickstart Package

  • Install Quickstart Package
  • 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 Henry 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.

    Copy Template Styles

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

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

    Other template styles can be done the same example above.

    Navigation

    Step 1: To configure Navigation, go to: Extensions --> Template manager --> open tz_Henry_joomla - 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.

    Fonts

    To configure Fonts:Go to: Extensions --> Template manager --> open (ex: tz_Henry_joomla - Default) , in the Fonts setting, you can configure "It".
    There are layouts used in the template. You can absolutely configure Fonts for each layout. You can follow the below link to get more information.

    You can refer to know how to use the fonts HERE

    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 "tz_Henry_joomla - Home" to the menu item "Home"

      Go to: Extensions --> Template manager --> open tz_Henry_joomla - 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

    • Assign the other template styles, you can do the same as the template style "tz_Henry_joomla-Home".

    Theme

    You can go here to configure the Information in the tab "theme"

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

    Layout

    There are a lot of layouts which you can use in this template.

    They are:

    1. tz_Henry_joomla - Default

    2.tz_Henry_joomla - Home

    3.tz_Henry_joomla - Blog

    4.tz_Henry_joomla - Contact

    5.tz_Henry_joomla - Full Screen (Henry-VitureMart)

    6.tz_Henry_joomla - VM Blog (Henry-VitureMart)

    2.tz_Henry_joomla - Special

    Modules

    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 in each page

    Modules in Joomla

    1. Logo

    Module Preview

  • Module type: Custom HTML
  • Position: Left
  • In the tab “menu assignment”: On all the pages
  • 2. Social

    Module Preview

  • Module type: TZ Social Custom
  • Position: left-bottom
  • In the tab “menu assignment”: On all the pages
  • 3. Background

    Module Preview

  • Module type: Custom HTML
  • Position: mass-top
  • 4. Blog Header

    Module Preview

  • Module type: Custom HTML
  • Position: mass-top
  • In the tab “menu assignment”: Assign for the Blog
  • 5. About

    Module Preview

  • Module type: Custom HTML
  • Position: mass-top
  • In the tab “menu assignment”: Assign for the About
  • 6. Breadcrumbs

    Module Preview

  • Module type: Breadcrumbs
  • Position: Position-2
  • In the tab “menu assignment”: On all pages
  • 7. Main Menu

    Module Preview

  • Module type: Menu
  • Position: Position-7
  • In the tab “menu assignment”: On All pages
  • 8.Latest post

    Module Preview

  • Module type: TZ Multi Slideshow
  • Position: right-inner
  • In the tab “menu assignment”: assign for the “Blog”.
  • 9. Tags cloud

    Module Preview

  • Module type: TZ Tags
  • Position: right-inner
  • In the tab “menu assignment”: assign for the “Blog”.
  • 10. Cart & User

    Module Preview

  • Module type: Custom HTML
  • Position: search
  • In the tab “menu assignment”: On all Pages
  • 11. Search

  • Module type: Menu
  • Position: Menu
  • In the tab “menu assignment”: Men, Accessories, Long Sheeves , Clothing
  • 12. Men Top

    Module Preview

  • Module type: Search
  • Position: Search
  • In the tab “menu assignment”: All pages
  • Note: To create this module, you need to create menu items for "Men Top" with Hikashop

    For example

    Other menu items of Men Top, please do similarly.

    Note: To create this module, you need to create menu items for "Men Top" with VitureMart

    For example

    Other menu items of Men Top, please do similarly.

    13. Menu Top

    Module Preview

  • Module type: menu
  • Position: menu
  • In the tab “menu assignment”: Women,Childs, Blog and Registration
  • Note: To create this module, you need to create menu items for "Top Menu"

    For example

    Other menu items of Top Menu, please do similarly.

    14. Login Form

    Module Preview

  • Module type:Login
  • Position: Position-7
  • In the tab “menu assignment”: On All pages
  • Modules in Henry_Hikashop

    1.Slider Home1

    Module Preview

    • Module type: Hikashop Module
    • Position: mass-top
    • In the tab “menu assignment”: Assign for the “Home”

    2. HikaShop Cart Module

    • Module type: Hikashop Cart Module
    • Position: search
    • In the tab “menu assignment”: On all the page

    3. HikaShop Filter Module

    • Module type: Hikashop Cart Module
    • Position: search
    • In the tab “menu assignment”: On all the page

    4. Related products

    Module Preview

    • Module type: Hikashop Module
    • Position: Position-7
    • In the tab “menu assignment”: On all pages

    Modules in Henry_Vituremart

    1. Category Slideshow

    Module Preview

    • Module type: Category Slideshow
    • Position: mass-top
    • In the tab “menu assignment”: Assign for the menu “Home”..

    2. VM - Shopping cart

    Module Preview

    • Module type: VirtureMart Shopping Cart
    • Position: Position-4
    • In the tab “menu assignment”: Assign for all the menus

    3. VM - Search in Shop

    • Module type: VirtueMart Search Product
    • Position: Position-4
    • In the tab “menu assignment”: Assign for all the menu

    4. VM - Featured products

    • Module type: VitureMart Products
    • Position: Position-4
    • In the tab “menu assignment”: Assign for all the menu

    5. VM – Manufacturer

    • Module type: VitureMart Manufacturers
    • Position: Position-4
    • In the tab “menu assignment”: Assign for all the menu

    6. Search

    Module Preview

    • Module type: VirtueMart Search Product
    • Position: Search
    • In the tab “menu assignment”: Assign for all the menu

    Create Henry Hiksahop Pages

    Something should be done before creating Shop Pages

    1. Do some general configuration for Hikashop, please see "the following video".

      General Configuration Hikashop

    2. Create some categories which you need to use, please see "the following video".

      Create categories

    3. Create Fiter which you need to use, please see "the following video".

      Create Filter

    4. Create Products which you need to use, please see "the following video".

      Create Products

    Home

    Preview

  • Step 1: Create the menu item "Home"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Categories Listing (Hikashop/Categories Listing)

    Parent item: Menu Item Root

  • Step 2:Create all the modules which you can use in the Home Page
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Home" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Slider Home
  • Step 3: Select the layout for Home Page and configure this layout.
  • Home Page uses the layout: "“tz_Henry_joomla - Home”"

  • Step 4: Assignment
  • Step 5: 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.

    Video Create Home Page

    Men

    Preview

  • Step 1: Create the menu item "Menu"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Categories Listing (Hikashop/Categories Listing)

    Parent item: Menu Item Root

  • Step 2:Create all the modules which you can use in the "Men"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Men" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Men Top
  • Step 3: Select the layout for "Men" and configure this layout.
  • "MEN" uses the layout: " Use Default"

  • Step 4: Refresh your site and check whether "Use Default" 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.

    Video Create Men Page

    Accessories, Long Sheeves , Clothing

    Module Preview

  • Step 1: Create the menu item "Accessories"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Product Listing (Hikashop/Product Listing)

    Parent item: MEN

  • Step 2:Create all the modules which you can use in the "Accessories"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Accessories" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
  • Step 3: Select the layout for "Accessories" and configure this layout.
  • "Accessories" uses the layout: "Use Default"

  • Step 4: Refresh your site and check whether "Accessories" 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.

    Video Create Accessories Page

    The menus :"Long Theeves and Clothing"are created similarly

    Women, Childs

    Module Preview

  • Step 1: Create the menu item "Women"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Product Listing (Hikashop/Product Listing)

    Parent item: Menu root Item

  • Step 2:Create all the modules which you can use in the "Women"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Women" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Menu Top
  • Step 3: Select the layout for "Women" and configure this layout.
  • "Women" uses the layout: "Use Default"

  • Step 4: Refresh your site and check whether "Women" 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.

    Video Create Women Page

    The menus :"Childs"is created similarly

    Blog

    Module Preview

  • Step 1: Create the menu item "Blog"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Category Blog(TZ Portfolio/Category Blog)

    Parent item: Menu root Item

  • Step 2:Create all the modules which you can use in the "Blog"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Blog" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Menu Top
    • 8. Blog Header
    • 9. Latest Post
    • 10. Tags Cloud
    • 11. Background
  • Step 3: Select the layout for "Blog" and configure this layout.
  • "Blog" uses the layout: "tz_Henry_joomla_Blog"

  • Step 4: Please assign this layout for the menu "Blog"
  • Step 5: 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.

    Video Create Blog Page

    Contact

    Module Preview

    Step 1: Create a "Contact" by going to Component/Contact/Add new

    Step 2: Create the menu "Contact"

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

    Menu type: Single Contact (TZ Contact/Single Contact)

    Parent item: Menu Item Root

    Step 3:Create all the modules which you can use in the "Contact"

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Contact" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Background
  • Step 4: Select the layout for "Contact" and configure this layout.
  • "Contact" uses the layout: "tz_Henry_joomla_Contact"

  • Step 5: Please assign this layout for the menu "Contact"
  • Step 6: Refresh your site and check whether "Contact" 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.

    Video Create Contact Page

    About

    Preview

    Step 1: Create the menu item "About "

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

    Menu type: Feature articles (Articles/Feature Articles)

    Parent item: Menu Item Root

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

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "About" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Background
    • 8. About

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

    "About" uses the layout: “tz_Henry_joomla – bLOG”

    Step 4: Assignment

    Step 5: Refresh your site and check whether "About"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.

    Video Create About Page

    Registration

    Preview

    Step 1: Create the menu item "Registration "

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

    Menu type: Registration Form (User Manager/Registration Form)

    Parent item: Menu Item Root

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

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-Hikashop" in our documentation

    In "Registration" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. HikaShop Cart Module
    • 5. HikaShop Filter Module
    • 6. Cart & User
    • 7. Background

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

    "Registration" uses the layout: “tz_Henry_joomla – Contact”

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Registration"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.

    Create Henry VitureMart Pages

    Something should be done before creating Shop Pages

    1. Do some general configuration for VitureMart, please see "the following images".

    2. Create Shoper Fields and Custom fieldswhich you need to use, please see "the following Images".

    3. Select currences and payment mothods

    4. Create Product Categories and Products which you need to use

    Home

    Preview

  • Step 1: Create the menu item "Home"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Featured Articles(Articles/Featured Articles)

    Parent item: Menu Item Root

  • Step 2:Create all the modules which you can use in the Home Page
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Home" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. Category Slideshow
    • 5. Search
    • 6. Cart & User
    • 7. VM - Shopping cart
  • Step 3: Select the layout for Home Page and configure this layout.
  • Home Page uses the layout: "“tz_Henry_joomla - FullScreen”"

  • Step 4: Assignment
  • Step 5: 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.

    Men

    Preview

  • Step 1: Create the menu item "Men"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Categories Layout(VitureMart/Categories Layout)

    Parent item: Menu Item Root

  • Step 2:Create all the modules which you can use in the "Men"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Men" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM - Shopping cart
    • 5. Search
    • 6. Cart & User
    • 7. Men Top
  • Step 3: Select the layout for "Men" and configure this layout.
  • "MEN" uses the layout: " Use Default"

  • Step 4: Refresh your site and check whether "Use Default" 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.

    Accessories, Long Sheeves , Clothing

    Module Preview

  • Step 1: Create the menu item "Accessories"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Categories Layout(VitureMart/Categories Layout)

    Parent item: MEN

  • Step 2:Create all the modules which you can use in the "Accessories"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Accessories" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Men Top
  • Step 3: Select the layout for "Accessories" and configure this layout.
  • "Accessories" uses the layout: "Use Default"

  • Step 4: Refresh your site and check whether "Accessories" 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.

    The menus :"Long Theeves and Clothing"are created similarly

    Women, Childs

    Module Preview

  • Step 1: Create the menu item "Women"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Categories Layout(VitureMart/Categories Layout)

    Parent item: MEN

  • Step 2:Create all the modules which you can use in the "Women"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Women" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Menu Top
  • Step 3: Select the layout for "Women" and configure this layout.
  • "Women" uses the layout: "Use Default"

  • Step 4: Refresh your site and check whether "Women" 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.

    The menus :"Childs"is created similarly

    Blog

    Module Preview

  • Step 1: Create the menu item "Blog"
  • You go to "Menus/Main Menu/Add new"

    Menu type: Category Blog(TZ Portfolio/Category Blog)

    Parent item: Menu root Item

  • Step 2:Create all the modules which you can use in the "Blog"
  • You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Blog" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Menu Top
    • 8. Blog Header
    • 9. Latest Post
    • 10. Tags Cloud
    • 11. Background
  • Step 3: Select the layout for "Blog" and configure this layout.
  • "Blog" uses the layout: "tz_Henry_joomla_VMBlog"

  • Step 4: Please assign this layout for the menu "Blog"
  • Step 5: 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.

    Contact

    Module Preview

    Step 1: Create a "Contact" by going to Component/Contact/Add new

    Step 2: Create the menu "Contact"

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

    Menu type: Single Contact (TZ Contact/Single Contact)

    Parent item: Menu Item Root

    Step 3:Create all the modules which you can use in the "Contact"

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Contact" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Background
  • Step 4: Select the layout for "Contact" and configure this layout.
  • "Contact" uses the layout: "tz_Henry_joomla_Special"

  • Step 5: Please assign this layout for the menu "Contact"
  • Step 6: Refresh your site and check whether "Contact" 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.

    About

    Preview

    Step 1: Create the menu item "About "

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

    Menu type: Feature articles (Articles/Feature Articles)

    Parent item: Menu Item Root

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

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "About" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VM Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Background
    • 8. About

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

    "About" uses the layout: “tz_Henry_joomla – Special”

    Step 4: Assignment

    Step 5: Refresh your site and check whether "About"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.

    Registration

    Preview

    Step 1: Create the menu item "Registration "

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

    Menu type: Registration Form (User Manager/Registration Form)

    Parent item: Menu Item Root

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

    You can navigate to the tab "Modules/Modules in Joomla and Modules in Henry-VitureMart" in our documentation

    In "Registration" you need to use some modules below

    • 1. Logo
    • 2. Social
    • 3. Main menu
    • 4. VN Cart Module
    • 5. Search
    • 6. Cart & User
    • 7. Background

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

    "Registration" uses the layout: “tz_Henry_joomla – Special”

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Registration"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.

    Source & Credit