DEKOR

General Information

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

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 + Dekor 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.

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

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: Home page - Version 1

Step 1: Go to: Extensions --> Template manager
Step 2: When the new page load, click on the "Home page - Version 1"
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 Home page - Version 1 , 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: Home page - Version 1) , in the Fonts setting, you can configure "It".
There are 34 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 "Home page - Version 1" to the menu item "Home"

    Go to: Extensions --> Template manager --> open Home page Version 1, 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 "Home page Version 1".
  • Home page - Version 2: Assign for Home 2
  • Home page - Version 3: Assign for Home 3
  • Home page - Version 4: Assign for Home 4
  • Home page - Version 5: Assign for Home 5
  • Portfolio: Assign for Portfolio Mansory
  • Home page - typo: Assign for Shortcodes
  • Portfolio grid 2: Assign for Portfolio grid 2
  • Portfolio grid 3: Assign for Portfolio grid 3
  • Portfolio grid 4: assign for Portfolio grid 4
  • .....

Theme & Logo

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

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

Layout

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

They are:

1. Home page - Version 1

2.Home page - Version 2

3. Home page-Version 3

4.Home page - Version 4

5. Home page - Version 5

6. Portfolio

7. Home page - typo

8.Porfolio Grid 2

9.Porfolio Grid 3

10.Porfolio Grid 4

11. Blog full width

12. Blog full grid 4

13. Shop full width

14.Shop Categories

15.Shop Checkout

16.Shop Log in

17. Home page - Yellow

18. Home page - Black

19. Home page - Blue

20. Home page - Red

21. Joomla Login Form

22. About

23. Joomla Contact

24. Shortcode

25. Home page: Right to Left

26. Menu style 5

Color

You can go here to configure for Color displaying in the pages

Path: Extensions-->Template Manager--> Choose the any template style (eg: Home page - Blue, Home page - Red, Home page - Black...) -->in the tab "Color"

Portfolio

You can go here to configure for portfolio

Path: Extensions-->Template Manager--> Choose the any template style (eg: Portfolio Grid 2) -->in the tab "Portfolio"

Shop

You can go here to show categories for product

Path: Extensions-->Template Manager--> Choose the any template style (eg: Shop categories) -->in the tab "Shop"

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 Home Page: Home page - Version 1

1. Search (Top search)

Module Preview

Module type: Custom HTML

Position: top-search

In the tab “Menu assignment”: Assign for all pages.

2. Search

Module Preview

After clicking on Search (Top search) module, Search module will appear

Module type: Search

Position: search

In the tab "Menu assignment": Please assign for All pages

3. Module Unite Revolution Slider

Module Preview

Module type: Unite Revolution slider 2

Position: slider

In the tab “Menu assignment”: Please assign for “Home” and “Home 2, Home 3, Home 4, Home 5”


To create this module, you need to have Unite Revolution Slider 2 component. You go to "Component/Unite Revolution Slider 2" to configure it


4. We are Dekor

Module Preview

Module type: TZ We are Dekor

Position: weare

In the tab “Menu assignment”: Please assign for "Home"

5. Feature

Module Preview

Module type: TZ We are Dekor

Position: features

In the tab “Menu assignment”: Please assign for “Home”

6. Our team

Module Preview

Module type: TZ Our team

Position: ourteam

In the tab “Menu assignment”: Please assign for "Home" and “Home 2”

7. Parallax

Module Preview

Module type: TZ Parallax

Position: parallax

In the tab “Menu assignment”: Please assign for “Home”

8. Free shipping

Module Preview

Module type: TZ Free Shipping

Position: free_shipping

In the tab “menu assignment”: Please assign for “Home” and "Home 5"

9. Latest From Shop

Module Preview

Module type: Hikashop Content Module

Position: shop

In the tab “Menu assignment”: Please assign for “Home” and “Home 2, Home 3”

10. Partners

Module Preview

Module type: Tz Our team

Position: partners

In the tab “Menu assignment”: Please see the image:

11. About

Module Preview

Module type: Tz Custom HTML

Position: footer1

In the tab “Menu assignment”: Please assign for All pages

12. Contact

Module Preview

Module type: TZ We are Dekor

Position: footer2

In the tab "Menu Assignment": Assign for all pages

13. Recent Posts

Module Preview

Module type: TZ Latest News

Position: footer3

In the tab “Menu assignment”: On all the pages

14. Recent project

Module Preview

Module type: TZ Latest News

Position: footer4

In the tab “Menu assignment”: On all the pages

Modules in Home page - Version 2

1. Search (Top search)

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

2. Search

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

3. Unite Revolution Slider 2

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

4. About Dekor home 2

Module Preview

Module type: Tz We are Dekor

Position: weare

In the tab “Menu Assignment”: Please assign for Home 2

5. Quote

Module Preview

Module type: TZ Parallax

Position: quote

In the tab "Menu Assignment": Assign for Home 2.

6. Our team

Module Preview

You can see in "Home page - Version 1" part

7. Skillset

Module Preview

Module type: TZ Skill

Position: skillset

In the tab “Menu assignment”: Assign for Home 2

8. Love theme

Module Preview

Module type: TZ Free shipping

Position: free-shipping

In the tab "Menu assignment": Assign for Home 2, Home 3, Home 4

9. Social - Custom

Module Preview

Module type: TZ Social Custom

Position: parallax

In the tab "Menu Assignment": Assign for Home 2

10. Partners

Module Preview

You can see in "Home page - Version 1" part

11. What they say

Module Preview

  • Module type: TZ Our team
  • Position: the say
  • In the tab “Menu assignment”: Please assign for Home 2

12. Latest From Shop

Module Preview

You can see in "Home page - Version 1"

13. Other modules

They include: About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

1. Search (Top search)

Module Preview

You can see in the "Home page - Version 1"

2. Search

Module Preview

You can see in the "Home page - Version 1"

3. Unite Revolution Slider

Module Preview

You can see in the "Home page - Version 1"

4. Hello! We're Dekor

Module Preview

Module type: TZ Hello Dekor

Position: hello

In the tab "menu assignment": Assign for Home 3

5. We Are Dekor

Module Preview

Module type: Tz We Are Dekor

Position: position-1

In the tab "Menu assignment": Assign for Home 3

6. We are Doker home 3

Module Preview

Module type: Tz We Are Dekor

Position: weare

In the tab "Menu assignment": Assign for Home 3

7. Latest From Shop

Module Preview

You can see in the Module "Home page - Version 1" part

8. Award

Module Preview

Module type: TZ Parallax

Position: parallax

Menu assignment: Assign for Home 3

9. Blog home 3

Module Preview

Module type: TZ News Pro

Position: blog

In the tab "Menu Assignment": Assign for Home 3

In the tab "Portfolio and Content Options" choose "Blog" for Category

10. Other modules

They include: Partners, About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in Home page - Version 4

1. Revolution Slider

Module Preview

You can see in the Module "Home page - Version 1" part

2. Hello! We’re DeKok home 3

Module Preview

Module type: TZ Hello Dekor

Position: hello

In the tab "Menu assignment": Assign for Home 4

3. We are Dekor

Module Preview

Module type: TZ We Are Dekor

Position: weare

In the tab “Menu assignment”: Please assign for Home 4.

4. Tab hikashop home 4

Module Preview

Module type: TZ Hikashop

Position: shop-tab1

In the tab “Menu assignment”: Please assign for Home 4.

5. Shop tab2

Module Preview

Module type: TZ Hikashop

Position: shop-tab2

In the tab “Menu assignment”: Please assign for Home 4.

6. Awesome categories

Module Preview

Module type: TZ Social Custom

Position: social

In the tab “Menu assignment”: Please assign for Home 4, Home 5.

7. BESTSELLERS Home 4

Module Preview

Module type: TZ_listproduct

Position: shop

In the tab “Menu assignment”: Please assign for Home 4.

8. What they say

Module Preview

Module type: Tz Our Team

Position: the-say

In the tab “Menu assignment”: Home 4

9. Blog home 3

Module Preview

Module type: Tz News Pro

Position: blog

In the tab “Menu assignment”: Home 4

10. More like fun-down

Module Preview

Module type: Tz Parallax

Position: parallax

In the tab “Menu assignment”: Home 4

11. Other modules

They include: About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in Home page - Version 5

1. Search (Top search)

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

2. Search

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

3. Unite Revolution Slider 2

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

4. Hello! We're Dekor

Module Preview

Module type: Tz Hello Dekor

Position: hello

In the tab “Menu assignment”: Please assign for Home 5

5. About Dekor home 2

Module Preview

Module type: Tz We Are Dekor

Position: weare

In the tab “Menu assignment”: Please assign for Home 5

6. Count

Module Preview

Module type: TZ Social Custom

Position: parllax

In the tab “Menu assignment”: Please assign for “Home 5”.

7. Awesome Categories

Module Preview

You can see the configure of module in "Module Home page - Version 4" part

8. Free shipping

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

9. LOVE WORDS

Module Preview

Module type: TZ Our team

Position: the-say

In the tab “Menu assignment”: Please assign for “Home 5”.

10. Best Sellers home5

Module Preview

Module type: Tz_listproduct

Position: shop

In the tab “Menu assignment”: Please assign for “Home 5”.

11. Video

Module Preview

Module type: Tz_video

Position: video

In the tab “Menu assignment”: Please assign for “Home 5”.

12. Other modules

They include: Partners, About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in "Page" Page

Modules in Shop Page: Shop Full Width

1. Search (Top search)

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

2. Search

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

3. Unite Revolution Slider 2

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

4. HikaShop Cart Module

Module Preview

  • Module type: HikaShop Cart Module
  • Position: top-search
  • In the tab “Menu assignment”: Please assign for “Shop Full Width”, “Shop Categories”, “Shop Detail”, “Shop Checkout” of Shop page.

5. Hello! We’re DeKok home 3.

Module Preview

  • You can see in the "Module Home page - Version 4" part

6. LATEST PRODUCT.

Module Preview

  • Module type: HikaShop Content Module
  • Position: position-3
  • In the tab “Menu assignment”: Please assign for “Shop Full Width”

7. More like fun-down.

Module Preview

  • You can see in the "Module Home page - Version 4" part

8. Other modules

They include: About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in Shop Page: Shop Categories

1. Search (Top search)

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

2. Search

Module Preview

You can see the configure of module in "Module Home page - Version 1" part

3. HikaShop Cart Module

Module Preview

  • Module type: HikaShop Cart Module
  • Position: top-search
  • In the tab “Menu assignment”: Please assign for “Shop Full Width”, “Shop Categories”, “Shop Detail”, “Shop Checkout” of Shop page.

4. Categories

Module Preview

  • Module type: HikaShop Content Module
  • Position: right
  • In the tab “Menu assignment”: Please assign for “Shop Categories”, “Shop Detail”, “Shop Checkout” of Shop page.

5. Best sellers

Module Preview

  • Module type: HikaShop Content Module
  • Position: right
  • In the tab “Menu assignment”: Please assign for “Shop Categories”, “Shop Detail”

6. Other modules

They include: About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in Shop Page: Shop Detail

You can see in the "Modules in Shop Page: Shop Categories" part to create modules used for this page

They are: 1. Search (Top search), 2. Search, 3. HikaShop Cart Module, 4. Categories, 5. Best sellers, 6. About, 7. Contact, 8. Recent posts, 9. Recent project.

Modules in Shop Page: Shop Checkout

You can see in the "Modules in Shop Page: Shop Categories" part to create modules used for this page

They are: 1. Search (Top search), 2. Search, 3. About, 4. Contact, 5. Recent posts, 6. Recent project.

Modules in Shop Page: Shop Login

1. Login

Module Preview

  • Module type: Login
  • Position: login
  • In the tab “Menu assignment”: Please assign for “Shop Login”

Other modules, you can see in the "Modules in Shop Page: Shop Categories" part to create modules used for this page

They are: 1. Search (Top search), 2. Search, 6. About, 7. Contact, 8. Recent posts, 9. Recent project.

Modules in Feature Page

Modules in Shortcode

1. Search (Top search)

Module Preview

You can see in the "Module in Home page - Version1" part

2. Search

Module Preview

You can see in the "Module in Home page - Version1" part

3. Title tab

Module Preview

Module type: Custom HTML

Position: position-0

In the tab “Menu assignment”: Only selected pages

4. Tab shortcode

Module Preview

Module type: TZ Tab

Position: shop-tab1

In the tab “Menu assignment”: Shortcode

5. Tab shortcode (2)

Module Preview

Module type: TZ Tab

Position: shop-tab2

In the tab “Menu assignment”: Shortcode

6. Buttons

Module Preview

Module type: Custom HTML

Position: weare

In the tab “Menu assignment”: Shortcode

7. Skill shortcode

Module Preview

Module type: TZ Social Custom

Position: skillset

In the tab “Menu assignment”: About

8. Free_shipping home v1

You can see in the "Module in Home page - Version 1" part

9. Quote home v2

You can see in the "Module in Home page - Version 2" part

10. Skillset 2 Menu About

It is created in Feature page --> About page

11. Skillset short code

Module Preview

Module type: TZ Skill

Position: portfolio

In the tab “Menu assignment”: Shortcode

12. Ourteam shortcode

Module Preview

Module type: TZ Our team

Position: ourteam

In the tab “Menu assignment”: Shortcode

13. Other modules

They include: About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

Modules in Home Yellow, Home Black, Home Blue, Home Red

All modules you need for these page, you can see in the "Module in Home page - Version 1" part

They are

  • Search (Top search)
  • Search
  • Unite Revolution Slider
  • We are Dekor
  • Feature
  • Our team
  • Parallax
  • Free shipping
  • Latest from Shop
  • Partners
  • About
  • Contact
  • Recent posts
  • Recent projects.
  • They are created in Home version 1. Please see them there

    Modules in Home RTL

    Module Preview

    All modules in this page are created in Home page - Version 1. You can see theme there

    Modules in About

    1. Search (Top search)

    Module Preview

    You can see in the "Module in Home page - Version1" part

    2. Search

    Module Preview

    You can see in the "Module in Home page - Version1" part

    3. About Banner

    Module Preview

    Module type: Custom HTML

    Position: banner

    In the tab “Menu assignment”: About (Banner)

    4. About Dekor home 2

    Module Preview

    Module type: TZ We are Dekor

    Position: weare

    In the tab “Menu assignment”: About

    5. Skillset

    Module Preview

    You can see the "Module in the Home page - Version 2" part

    6. Ourteam Menu About

    Module Preview

    Module type: TZ Our team

    Position: ourteam

    In the tab “Menu assignment”: About

    7. Skillset 2 Menu About

    Module Preview

    Module type: TZ Skill

    Position: hello

    In the tab “Menu assignment”: About

    8. Portfolio menu about

    Module Preview

    Module type: TZ News Pro

    Position: portfolio

    In the tab “Menu assignment”: About

    9. What they say parallax

    Module Preview

    Module type: TZ Our team

    Position: the-say

    In the tab “Menu assignment”: About

    10. Other modules: Partners, About, Contact, Recent posts, Recent projects

    They are created in "Module in Home page - Version 1" part. You can go there to see them

    Modules in Contact

    1. Google maps

    Module Preview

    Module type: Custom HTML

    Position: position-0

    In the tab “Menu assignment”: Contact

    2. Other modules

    They include: Search (Top search), Search, About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

    Modules in Menu

    1. Feature Home yellow

    Module Preview

    Module type: TZ We are Dekor

    Position: feature

    In the tab “Menu assignment”: Only selected pages

    2. Other modules

    They include: Search (Top search), Search, About, Contact, Recent Posts, Recent project. They all are created in "Module in Home page - Version 1" part

    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 which is the same as Home page - Version 1

    You can navigate to the tab "Modules/Modules in Home page - Version 1" in our documentation

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

    Home Page uses the layout: "Home page - Version 1"

    Step 4: Assignment

    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.

    Home Versions

    There are 5 versions for Home Pages

    Home page - Version 1

    Module Preview

    Step 1: Create the menu item "Home page - Version 1"

    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 Version 1

    You can see in Modules/Modules in Home page - Version 1

    In Home page - Version 1, you need to use the following modules:

    • Search (Top search)
    • Search
    • Unite Revolution Slider
    • We are Dekor
    • Feature
    • Our team
    • Parallax
    • Free shipping
    • Latest from Shop
    • Partners
    • About
    • Contact
    • Recent posts
    • Recent projects. It is created in Home. Please see it there

    Step 3: Select the layout for Home page - Version 1 configure this layout.

    "Home page - Version 1" uses the layout: "Home page - Version 1"

    Step 4: Assignment

    Step 6: Refresh your site and check whether Home page - Version 1 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.

    Home page - Version 2

    Preview

    Step 1: Create the menu item "Home page - Version 2"

    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 page - Version 2

    You can see in Modules/Modules in Home page - Version 2

    In Home page - Version 2, you need to use the following modules:

    • Search (Top search)
    • Search
    • Revolution Slider
    • About Dekor home 2
    • Quote
    • Our team
    • Skillset
    • Love theme
    • Social Custom
    • Partners
    • What they say
    • Latest from Shop
    • About
    • Contact
    • Recent posts
    • Recent projects

    Step 3: Select the layout for Home page - Version 2 and configure this layout.

    Home Basic uses the layout: "Home page - Version 2"

    Step 4: Assignment

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

    Home page - Version 3

    Preview

    Step 1: Create the menu item "Home page - Version 3"

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

    Menu type: Portfolio

    Parent item: Home

    Step 2: Select the layout for Home page - Version 3 and configure this layout.

    Home page - Version 3 uses the layout: "Home page - Version 3"

    Step 3: Assignment

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

    Home page - Version 4

    Preview

    Step 1: Create the menu item "Home page - Version 4"

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

    Menu type: Feature articles

    Parent item: Home

    Step 2:Create all the modules which you can use in the "Home page - Version 4"

    You can see in Modules/Modules in Home page - Version 4

    In "Home page - Version 4", you need to use the following modules:

    • Search (Top search)
    • Search
    • Revolution Slider
    • Hello! We’re DeKok home 3
    • We are Dekor
    • Tab hikashop home 4
    • Shop tab2
    • Awesome categories
    • BESTSELLERS Home 4
    • What they say
    • Blog home 3
    • More like fun-down
    • Partners
    • About
    • Contact
    • Recent posts
    • Recent projects

    Step 3: Select the layout for "Home page - Version 4" and configure this layout.

    "Home page - Version 4" uses the layout: "Home page - Version 4"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Home page - Version 4" 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.

    Home page - Version 5

    Preview

    Step 1: Create the menu item "Home page - Version 5"

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

    Menu type: Menu Item Alias

    Parent item: Home

    Step 2: Select the layout for "Home page - Version 5" and configure this layout.

    "Home page - Version 5" uses the layout: "Home page - Version 5

    In "Home page - Version 5", you need to use the following modules:

    • Search (Top search)
    • Search
    • Revolution Slider
    • Hello! We’re DeKok home
    • About Dekor home 2
    • Count
    • Awesome categories
    • Free shipping
    • LOVE WORDS
    • Best Sellers home5
    • Video
    • Partners
    • About
    • Contact
    • Recent posts
    • Recent projects

    Step 3: Assignment

    Step 4: Refresh your site and check whether "Home page - Version 5" 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.

    Home Color

    You go to the Menus/Main Menu/Add new

    Menu type: Menu Item Alias

    Parent item: Home

    Template Style: Home page - Version 3

    Pages Page

    You go to "Menus/Main Menu/Add new. You need to create the menu "Pages" with the type "URL External

    There are 11 submenu items for Pages

    We detail present how to create each menu items below.

    User Profile

    Preview

    Step 1: Create the menu item "User Profile"

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

    Menu type: User Profile

    Parent item: pages

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

    You can see in Modules/Modules in "Pages" Page

    Step 3: Select the layout for User Profile and configure this layout.

    "User Profile" uses the layout: "Joomla Login Form"

    Step 4: Assignment

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

    Remind User

    Preview

    Step 1: Create the menu item "Remind User"

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

    Menu type: Username Reminder Request

    Parent item: pages

    Step 2:Create all the modules which you can use in the Remind User

    You can see in Modules/Modules in "Pages" Page

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

    "Remind User" uses the layout: "Joomla Login Form"

    Step 4: Assignment

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

    New Feed

    Preview

    Step 1: Create the menu item "New Feed"

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

    Menu type: List News Feeds in a Category

    Parent item:pages

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

    You can see in Modules/Modules in "Pages" Page

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

    "New Feed" uses the layout: "Joomla Login Form"

    Step 4: Assignment

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

    Web Link

    Preview

    Step 1: Create the menu item "Web Link"

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

    Menu type: List All Web Link Categories

    Parent item: pages

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

    You can see in Modules/Modules in "Pages" Page

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

    "Web Link" uses the layout: "Joomla Login Form"

    Step 4: Assignment

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

    Login Form

    Preview

    Step 1: Create the menu item "Login Form"

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

    Menu type: Login Form

    Parent item: pages

    Step 2:Create all the modules which you can use in the Login Form

    You can see in Modules/Modules in "Pages" Page

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

    "Login Form" uses the layout: "Joomla Login Form"

    Step 4: Assignment

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

    Parent item: pages

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

    You can see in Modules/Modules in "Pages" Page

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

    "Registration" uses the layout: "Joomla Login Form"

    Step 4: Assignment

    Step 6: 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.

    Forum

    Preview

    Step 1: Create the menu item "Forum"

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

    Menu type: Home page (Kunena Forum --> Home page)

    Parent item: pages

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

    You can see in Modules/Modules in "Pages" Page

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

    "Forum" uses the layout: “Joomla Login Form”

    Step 4: Assignment

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

    Portfolio Page

    Create Menu the “Portfolio”

    You go to the Menus/Main Menu/Add new

    Menu item: Portfolio

    Parent item: menu Item Root

    There are 5 submenus in the menu item "Portfolio".

    They are:

    Portfolio

    There are 5 types of "Portfolio". They are "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4, Single style (Full Width Slider, Slider Small, Gallery style Video style, Floating style"

    The way to create these three types of "Portfolio" is the same.

    They ONLY use different layouts and have different number of columns

    Specifically:

    “Portfolio Mansory” uses the layout:“Portfolio”. To have 5 columns, please go to Template Manager/Portfolio/the tab "Portfolio". Here you can configure the number of column.

    “Portfolio Grid 2” uses the layout:“Portfolio Grid 2”. To have 2 columns, please go to Template Manager/Portfolio Grid 2/the tab "Portfolio". Here you can configure the number of column.

    “Portfolio Grid 3” uses the layout:“Portfolio Grid 3”. To have 3 columns, please go to Template Manager/Portfolio Grid 3/the tab "Portfolio". Here you can configure the number of column.

    “Portfolio Grid 4” uses the layout:“Portfolio Grid 4”. To have 4 columns, please go to Template Manager/Portfolio Grid 4/the tab "Portfolio". Here you can configure the number of column.

    Step 1: Create the menu item "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4 "

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

    Menu item type: Portfolio (TZ Portflio/Portfolio)

    Parent item: Portfolio

    Portfolio Mansory

    Portfolio Grid 2

    Portfolio Grid 3

    Portfolio Grid 4

    Step 2:Create all the modules which you can use in the "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4"

    In "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4", you need to create the module "Search (Top search), Search, About, Contact, Recent posts, Recent projects". It is created in "Home page - Version 1". Please, See it there

    Step 3: Select the layout for "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4 " and configure the layout. You can see above to know which layout for each page

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Portfolio Mansory, Portfolio Grid 2, Portfolio Grid 3, Portfolio Grid 4" 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.

    Portfolio: Single style

    There are 5 types of "Single style". They are "Full Width Slider, Slider Small, Gallery style, Video style, Floating style"

    Create Menu the “Single style”

    You go to the Menus/Main Menu/Add new

    Menu item: External URL

    Parent item: Portfolio

    Full width Slider

    Preview

    Step 1: Create the menu item "Full Width Slider"

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

    Menu item type: Single article.

    Parent item: Portfolio Grid 4

    Step 2:Create all the modules which you can use in the "Full Width Slider"

    Step 3: Select the layout for "Full Width Slider" and configure this layout.

    "Full Width Slider" uses the layout: "Portfolio Grid 4"

    Step 4: Assignment

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

    The content of article which is selected in "Portfolio FullWidth Slider" is displayed according to the "Article Portfolio - Full width Slider". (See it in our documentation: Templates of TZ Portfolio/Article Portfolio - Full width Slider)

    Slider Small

    Preview

    Step 1: Create the menu item "Slider Small"

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

    Menu item type: Single article.

    Parent item: Portfolio Grid 4

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

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

    "Slider Small" uses the layout: "Portfolio Grid 4"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Slider Small" 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 content of article which is selected in "Portfolio Slider Small" is displayed according to the "Article Portfolio - Small Slider". (See it in our documentation: Templates of TZ Portfolio/Article Portfolio - Small Slider)

    Gallery Style

    Preview

    Step 1: Create the menu item "Gallery Style"

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

    Menu item type: Single article.

    Parent item: Portfolio Grid 4

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

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

    "Gallery Style" uses the layout: "Portfolio Grid 4"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Gallery Style" 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 content of article which is selected in "Portfolio Gallery Style" is displayed according to the "Article Portfolio - Gallery slider". (See it in our documentation: Templates of TZ Portfolio/Article Portfolio - Gallery slider)

    Video Style

    Preview

    Step 1: Create the menu item "Video Style"

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

    Menu item type: Single article.

    Parent item: Portfolio Grid 4

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

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

    "Video Style" uses the layout: "Portfolio Grid 4"

    Step 4: Assignment

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

    Floating Style

    Preview

    Step 1: Create the menu item "Floating Style"

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

    Menu item type: Single article.

    Parent item: Portfolio Grid 4

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

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

    "Floating Style" uses the layout: "Portfolio Grid 4"

    Step 4: Assignment

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

    Features Page

    Create Menu the “Feature”

    You go to the Menus/Main Menu/Add new

    Menu item: Extenal URL

    Parent item: menu Item Root

    There are submenus in the menu item "Features".

    They are:

    Home Yellow, Black, Blue, Red

    There are 4 types of "Home Color". They are "Home page - Yellow, Home page - Black, Home page - Blue, Home page - Red"

    The way to create these 4 types of "Home Color" is the same."

    They ONLY use different colors

    Specifically:

    “Home page - Yellow” uses the layout:“Home page - Yellow”. To have Yello color, please go to Template Manager/Home page - Yellow/the tab "Color". Here you can configure color for this page.

    “Home page - Black” uses the layout:“Home page - Black”. To have Black color, please go to Template Manager/Home page - Black/the tab "Color". Here you can configure color for this page.

    “Home page - Blue” uses the layout:“Home page - Blue”. To have Blue color, please go to Template Manager/Home page - Blue/the tab "Color". Here you can configure color for it.

    “Home page - Red” uses the layout:“Home page - Red”. To have Red color, please go to Template Manager/Home page - Red/the tab "Color". Here you can configure color for it.

    Step 1: Create the menu item "Home page - Yellow, Home page - Black, Home page - Blue, Home page - Red"

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

    Menu item type: Portfolio (TZ Portflio/Portfolio)

    Parent item: Portfolio

    Home page - Yellow

    Home page - Black

    Home page - Blue

    Home page - Red

    Step 2:Create all the modules which you can use in the "Home page - Yellow, Home page - Black, Home page - Blue, Home page - Red"

    They are created in "Home page - Version 1". Please, see them there

    Step 3: Select the layout for "Home page - Yellow, Home page - Black, Home page - Blue, Home page - Red" and configure the layout. You can see above to know which layout for each page

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Home page - Yellow, Home page - Black, Home page - Blue, Home page - Red" 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.

    Typography

    Preview

    Step 1: Create the menu item "Typography"

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

    Menu item type: Single article.

    Parent item: Features

    Step 2:Create all the modules which you can need in "Typography": "Search (Top search), Search, About, Contact, Recent posts, Recent projects". You can see in the "Module in Home page - Version 1"

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

    "Typography" uses the layout: "Home page - typo"

    Step 4: Assignment

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

    Home RTL

    Preview

    Step 1: Create the menu item "Home RTL"

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

    Menu item type: Portfolio. (TZ Portfolio --> Portfolio)

    Parent item: Features

    Step 2:Create all the modules which you can need in "Home RTL". You can see in the "Module in Home page - Version 1" part

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

    "Home RTL" uses the layout: "Home page - Right to left"

    Step 4: Assignment

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

    Shortcode

    Preview

    Step 1: Create the menu item "Shortcode"

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

    Menu item type: Featured Articles.

    Parent item: Features

    Step 2:Create all the modules which you can need in "Shortcode". You can see in the "Module in Home page - Version 1" part and "Module in Shortcode" part

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

    "Shortcode" uses the layout: "Shortcodes"

    Step 4: Assignment

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

    Parent item: Feature

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

    You can see in Modules/Modules in Feature Page

    In "About", you need to use the following modules:

    • Search (Top search)
    • Search
    • About Banner
    • About Dekor home 2
    • Skillset
    • Ourteam Menu About
    • Skillset 2 Menu About
    • Portfolio menu about
    • What they say parallax
    • Partners
    • About
    • Contact
    • Recent posts
    • Recent projects

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

    "About" uses the layout: “About”

    Step 4: Assignment

    Step 6: 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.

    Contact

    Preview

    Step 1: Create the menu item "Contact"

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

    Menu type: Feature articles

    Parent item: Feature

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

    You can see in Modules/Modules in Feature Page

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

    "Contact" uses the layout: “Joomla Contact”"

    Step 4: Assignment

    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.

    Menu style 5

    Preview

    Step 1: Create the menu item "Menu style 5"

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

    Menu type: Portfolio

    Parent item: Feature

    Step 2:Create all the modules which you can use in the "Menu style 5"

    You can see in Modules/Modules in Feature Page

    Step 3: Select the layout for "Menu style 5" and configure this layout.

    "Menu style 5" uses the layout: “Menu style 5"

    Step 4: Assignment

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

    Blog

    You go to the Menus/Main Menu/Add new

    Menu type: Categories Blog

    Parent item: menu Item Root

    There are 5 submenus in the menu item "Blog".

    They are:

    Blog Full Width

    Preview

    Step1:Create Menu the "Blog Full Width"

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

    Parent item: Blog

    Step2: Create all the modules which you can use in the "Blog Full Width"

    In "Blog Full Width", you only need to create the module "Search (Top search), Search, About, Contact, Recent posts, Recent projects". It is created in Pages. Please see it there

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

    "Blog Full Width" use the layout: "Blog Full Width"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Blog Full Width" 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 content of article which is selected in "Blog Full Width"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Blog Grid 2

    Preview

    Step1:Create Menu the "Blog Grid 2"

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

    Parent item: Blog

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

    In "Blog Grid 2", you only need to create the module "Search (Top search), Search, About, Contact, Recent posts, Recent projects". It is created in Pages. Please see it there

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

    "Blog Grid 2"use the layout: "Blog Full Grid 2"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Blog Grid 2" 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 content of article which is selected in "Blog Grid 2"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Blog Grid 3

    Preview

    Step1:Create Menu the "Blog Grid 3"

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

    Parent item: Blog

    Step2: Create all the modules which you can use in the "Blog Grid 3"

    In "Blog Grid 3", you only need to create the module "Breadcrumbs". It is created in Pages. Please see it there

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

    "Blog Grid 3"use the layout: "Blog Full Grid 3"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Blog Grid 3" 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 content of article which is selected in "Blog Grid 3"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Blog Grid 4

    Preview

    Step1:Create Menu the "Blog Grid 4"

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

    Parent item: Blog

    Step2: Create all the modules which you can use in the "Blog Grid 4"

    In "Blog Grid 4", you only need to create the module "Breadcrumbs". It is created in Pages. Please see it there

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

    "Blog Grid 4"use the layout: "Blog Full Grid 4"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Blog Grid 4" 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 content of article which is selected in "Blog Grid 4"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Blog: Single style

    You go to the Menus/Main Menu/Add new

    Menu type: External URL

    Parent item: Blog

    There are 5 submenus in the menu item "Single style".

    They are:

    Standard Style

    Preview

    Step1:Create Menu the "Standard Style"

    Menu type: Single Article

    Parent item: Single style

    Step2: Create all the modules which you can use in the "Standard Style"

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

    "Standard Style" use the layout: "Blog Full Width"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Standard Style" 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 content of article which is selected in "Standard Style"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Audio Style

    Preview

    Step1:Create Menu the "Audio Style"

    Menu type: Single Article

    Parent item: Single style

    Step2: Create all the modules which you can use in the "Audio Style"

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

    "Audio Style"use the layout: "Blog Full Width"

    Step 4: Assignment

    Step 5: Refresh your site and check whether "Audio Style" 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 content of article which is selected in "Audio Style" is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Single Gallery

    Step1:Create Menu the " Single Gallery"

    Menu type: Single Article (TZ Portfolio/Single Article )

    Parent item: Blog Full Width

    Step2: Create all the modules which you can use in the " Single Gallery"

    You can see all the modules used in "Single Gallery" in Modules/Modules in Blog Page

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

    " Single Gallery" use the layout: "Blog Full Width"

    Step 4: Refresh your site and check whether " Single Gallery" 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 content of article which is selected in " Single Gallery"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Single Video

    Preview

    Step1:Create Menu the "Blog Single Video"

    Menu type: Single Article (TZ Portfolio/Single Article )

    Parent item: Blog Full Width

    Step2: Create all the modules which you can use in the "Single Video"

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

    "Single Video"use the layout: "Blog Full Width"

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

    The content of article which is selected in "Single Video"is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Single Text

    Preview

    Step1:Create Menu the " Single Text"

    Menu type: Single Article (TZ Portfolio/Single Article )

    Parent item: Blog Full Width

    Step2: Create all the modules which you can use in the " Single Text"

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

    " Single Text" use the layout: "Blog Full Width"

    Step 4: Refresh your site and check whether "Single Text" 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 content of article which is selected in " Single Text" is displayed according to the "Article Blog". (See it in our documentation: Templates of TZ Portfolio/Article Blog)

    Shop page

    Create the menu item "Shop"

    Menu type: Feature Article

    Template style: Shop Full Width

    Shop FullWidth

    Preview

    Menu item type: Feature Article

    Template style: Shop Full Width

    Parent item: Shop

    Step2: Create all the modules which you can see in the "Module in Shop Full Width" part

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

    "Shop FullWidth" use the layout: "Shop Full Width"

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

    Shop Categories

    Preview

    Step 1: Create menu: "Shop Categories"

    YMenu item Type: Products listing (Hikashop/ Products listing)

    Parent item: Shop

    Template Style: Shop Categories

    Step 2: Create all the modules which you can see in the "Module in Shop Categories" part

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

    "Shop Categories" will use the layout: "Shop Categories"

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

    Shop Detail

    Preview

    Step 1: Create menu: "Shop Detail"

    Menu item Type: Products page (Hikashop/ Products page)

    Parent item: Shop

    Template Style: Use Default

    Step 2: Create all the modules which you can see in the "Module in Shop Detail" part

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

    "Shop Detail" will use the layout: "Default"

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

    Shop Checkout

    Preview

    Step 1: Create menu: "Shop Checkout"

    YMenu item Type: Checkout

    Parent item: Shop

    Template Style: Shop Checkout

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

    In "Shop Checkout", you only need to create the modules "1. Search (Top search), 2. Search, 3. About, 4. Contact, 5. Recent posts, 6. Recent project.". It is created in "Module in Home page Version 1". Please see it there

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

    "Shop Checkout" will use the layout: "Shop Checkout"

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

    Shop Login

    Preview

    Step 1: Create menu: "Shop Login"

    YMenu item Type: Registration Form (Hikashop/Registration Form)

    Parent item: Shop

    Template Style: Shop Login

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

    In "Shop Login", you only need to create the modules "1. Search (Top search), 2. Search, 3. Login, 4.About, 5. Contact, 6. Recent posts, 7. Recent project.". It is created in "Module in Shop Login". Please see it there

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

    "Shop Login" will use the layout: "Shop Login"

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

    Templates of TZ Portfolio

    Article Typography

    Preview

    CONFIGURATION

    Article Portfolio - Full width Slider

    Preview

    Article Portfolio - Small Slider

    Preview

    Article Portfolio - Gallery slider

    Preview

    CONFIGURATION

    Article Portfolio Floating Sidebar

    Preview

    CONFIGURATION

    Article Blog

    Preview

    CONFIGURATION