Read Time: 1 min

I. One-click Installation:

  1. Go to Administrator > Components > TZ Portfolio Plus > Styles
  2. Click "Install" toolbar button > Navigate Reyla style > Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to create a complete page with Reyla style

1.Configure style layout builder

After having done installing the style, reyla does surely appear in Layout Management

- Go to Administrator -> Components -> TZ Portfolio Plus -> Styles -> Click reyla - default and configure

- Turn on Layout Builder, and you can add more, change their order, or even remove some unnecessary layout blocks (this layout is how a single article is displayed in front-end)

- Set the option "Use project link" to yes if you want to redirect your articles to external links

- You can assign specific , menus, categories and articles to this layout by selecting one by on in tab "Menus Assignment", "Categories Assignment" and "Articles Assignment"

2. Prepare article content 

  • Go to Admin > Components > TZ Portfolio Plus > Article > Add new with your own content, and assign them to Reyla style by selecting the style "Reyla - Default". Then configure options​ on the right sidebar.
  • Add project link information if you need to create a custom link for this article

3. Create Menu item:

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

Menu type: TZ Portfolio Plus » Portfolio

Select all categories you need

TZ Portfolio Plus's layout: reyla - Default

Finally, you're supposed to go to your front site and check the portfolio page which has just been built, to see how beautiful it looks.

Please see Live demo Link  to have a better look.

Read Time: 1 min

I. One-click Installation:

  1. Go to Administrator > Components > TZ Portfolio Plus > Styles
  2. Click "Install" toolbar button > Navigate Arum style > Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to create a complete page with Arum style

1.Configure style layout builder

After having done installing the style, Arum does surely appear in Layout Management

  • Go to Administrator -> Components -> TZ Portfolio Plus -> Styles -> Click arum - default and configure
  • Turn on Layout Builder, and you can add more, change their order, or even remove some unnecessary row and columns (this layout is how a single article is displayed in front-end)
  • You can assign specific menu items, categories and articles to this layout by selecting one by one in tab "Menus Assignment", "Categories Assignment" and "Articles Assignment"

2. Prepare article content 

  • Go to Admin > Components > TZ Portfolio Plus > Article > Add new with your own content, and assign them to Arum style by selecting the style "arum - Default". Then configure options​ on the right sidebar.

3. Create Menu item:

  • Please go to "Menus/Main Menu/Add new"
  • Menu type: TZ Portfolio Plus » Portfolio
  • Select portfolio categories and choose TZ Portfolio Plus's layout: arum - Default
  • Configure options in tab "Basic Options"

Finally, you're supposed to go to your front site and check the portfolio page which has just been built, to see how beautiful it looks.

Please see Live demo Link  to have a better look.

Read Time: 3 mins

Keira is a lovely niche template intentionally developed for musicians, artists, and music bands. It allows you to display several music albums in the lightbox. Besides, you need to install Music Addon to show your playlist.

I. Technical requirement

  • Joomla 3.x. (Recommended Joomla 3.9.x)
  • TZ Portfolio v2.4.2+

II. One-click Installation:

  1. Go to Administrator > Components > TZ Portfolio Plus > Styles
  2. Click "Install" toolbar button > Navigate Keira style > Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

III. How to create a complete page with Keira style

1. Load presets for Keira layouts

Keira style offers you 3 different types of layouts including Default, Album, and Video. After installing the Keira style, you have already had the Default layout. 

  • Go to Admin > Components > Layouts > Keira - Default > Click to save as copy to duplicate this layout
  • Replace the layout's name and go to the tab "Preset" > click load preset of Album layout (same with Video layout)
  • You can do the same to load Video layout, then 3 layouts of Keira style are ready to use

2. Prepare article content

  • Go to Admin > Components > TZ Portfolio Plus > Article > Add new with your own content, and assign them to each Keira layout created before. Then configure options​ on the right sidebar.
  • We have Keira Template Options that allows you to set the item width and lightbox option as you need. 

Note: For Album page, you're supposed to refer to documentation of the Music Add-on in order to know how to create a music playlist

3. Create a Menu item:

  • Please go to "Menus/Main Menu/Add new"
  • Menu type: TZ Portfolio Plus » Portfolio
  • Select portfolio categories and choose TZ Portfolio Plus's layout

Finally, you're supposed to go to your front site and check the portfolio page which has just been built, to see how beautiful it looks.

Please see Live Demo to have a better look.

Read Time: 1 min

I. One-click Installation:

  1. Go to Administrator > Components > TZ Portfolio Plus > Styles
  2. Click "Install" toolbar button > Navigate Maya style > Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to create a complete page with Maya style

1.Configure style layout builder

After having done installing the style, Maya does surely appear in Layout Management

  • Go to Administrator -> Components -> TZ Portfolio Plus -> Styles -> Click maya - default and configure
  • Turn on Layout Builder, and you can add more, change their order, or even remove some unnecessary row and columns (this layout is how a single article is displayed in front-end)
  • You can assign specific menu items, categories and articles to this layout by selecting one by one in the tab "Menus Assignment", "Categories Assignment" and "Articles Assignment"

2. Prepare article content 

  • Go to Admin > Components > TZ Portfolio Plus > Article > Add new with your own content, and assign them to Arum style by selecting the style "arum - Default"

3. Create a Menu item:

  • Please go to "Menus/Main Menu/Add new"
  • Menu type: TZ Portfolio Plus » Portfolio
  • Select portfolio categories and choose TZ Portfolio Plus's layout: mayamaya - Default

Finally, you're supposed to go to your front site and check the portfolio page which has just been built, to see how beautiful it looks.

Please see Live demo Link  to have a better look.

Read Time: 2 mins

There are several styles for TZ Portfolio Plus recently released like: Besley, Folio, Simple, Selena and so on, which brings out beautiful performances on portfolio pages. According to some questions related to TZ Portfolio Plus's style, we'd like to give you a guideline of how to override them. This will be so helpful for those people who really need modify TZ Portfolio +'s style on their own. 

  • Step 1: Following this path \styles\style's name\html\com_tz_portfolio_plus\article\default_extrafields.php and create a folder named "com_tz_portfolio_plus"
  • Step 2: Copy those folders that need modifying following this path components\com_tz_portfolio_plus\tyles\elegant\html\default\article and then paste them into the newly created folder "com_tz_portfolio_plus" above

  • For example: if you want to modify Extrafield in TZ Portfolio Plus's article, please copy the folder "Article" and paste it into "com_tz_portfolio_plus" , then you can easily manage all changes in file "default_extrafields".

Read Time: 2 mins

SEE TUTORIAL VIDEO 

I. How to Install:

* First, you need to install Selena style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Selena style -> Click "Install Now" button.
  3. Then a green message appears "Installation of the Style was successful."

II. How to create and configure Selena layouts 

Selena Template supports 3 types of layouts: selena-default, selena-classic, and selena-media-bottom.

1. Firstly, Go to Components > TZ Portfolio Plus > Styles

- Click on selena - default, and duplicate it

- Open the newly copied Selena - default > select layout and change the layout's name

2. Prepare article content

- Go to Components > TZ Portfolio Plus > Articles, and add new articles with your own content

- Select style (default, classic or media-bottom)

- On the right sidebar, navigate Selena Template option: you can choose the type of displaying the article, and title's position.

- Go to Styles > Article Assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: Selena - Default

Configure options in tab Basic Options

Please see Live demo Link  to have better look.

Read Time: 2 mins

SEE TUTORIAL VIDEO 

Gaia is an Image Gallery style for TZ Portfolio+. It will help you create a beautiful gallery with Ligthbox.

I. How to Install:

* First, you need to install Gaia style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> navigate Gaia style -> Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to configure Gaia style

1. Firstly, configure Layout Builder

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click Gaia - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content

- Select style "Gaia - default"

- Or go to Layouts > Gaia - default > Article Assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: Gaia - Default

Configure options in tab basic option

Please see Live demo Link  to have better look.

Read Time: 2 mins

SEE TUTORIAL VIDEO 

I. How to Install:

* First, you need to install Art Gallery style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Art Gallery style -> Click " Install Now " Button
II. How to configure Art Gallery style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts(or Click Layouts on sidebar) -> Click artgallery - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select template artgallery - default

- Go to Style > artgallery - default > Article Assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's layout style: Artgallery - Default

In tab basic option, navigate the option "Use lightbox", and switch to Yes. Then you already have lightbox of viewing Portfolio articles

Please see Live demo Link  to have better look.

Read Time: 2 mins

SEE TUTORIAL VIDEO 

I. How to Install:

* First, you need to install Amuda style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Amuda style -> Click "Install Now" Button

II. How to configure Amuda Style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click amuda - default and Configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new article with your own content, select style "amuda - default"

- Go to Style >amuda - default > Article Assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: amuda - Default

Configure options in tab Basic options

Please see Live demo Link  to have better look.

Read Time: 2 mins

I. How to Install:

* First, you need to install Folio template for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Folio style -> Click "Install Now" Button.

II. How to configure Folio style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click folio - default and Configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select style folio - default

- Go to Style > folio - default > Article assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: folio - Default

Please see Live demo Link  to have better look.

Read Time: 2 mins

SEE TUTORIAL VIDEO 

I. How to Install:

* First, you need to install Simple style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Simple Style -> Click "Install Now" Button
  3. Then a green message appears "Installation of the Style was successful."

II. How to configure Simple style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus ->  Layouts (or Click layouts on sidebar) -> Click simple - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select style simple - default

- Go to Style > simple - default > Article assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: simple - Default

Configure options in tab Basic options

Please see Live demo Link  to have better look.

Read Time: 2 mins

SEE TUTORIAL VIDEO 

I. How to Install:

* First, you need to install Besley Style for TZ Portfolio plus:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Besley style -> Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to configure Besley style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click besley - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

- It's possible to change background hover and text color of portfolio article in Besley - default layout

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select template besley - default

- Go to Layouts > besley - default > Article assignment: select those that you want to assign to this layout

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: besley - Default

Please see Live demo Link  to have a better look.

Read Time: 2 mins

I. How to Install:

** One-Click installation**

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Profiler style -> Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to configure Profiler style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click profiler - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

- Assign this layout to Categories / articles in tabs "Categories Assignment" and "Articles Assignment"

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select style Profiler - default

- Configure options in the right side

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: profiler - default

In tab Basic Options, configure essential options for your portfolio page.

4. Brief demo

Please see Live demo Link  to have better look.

Read Time: 2 mins

I. How to Install:

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Vani style -> Click "Install Now" button.
  3. Then a green message appears "Installation of the Style was successful."

II. How to configure Vani style

1. Firstly, Go to Components > TZ Portfolio Plus > Layouts

- Go to Administrator -> Components -> TZ Portfolio Plus -> Layouts (or Click Layouts on sidebar) -> Click vani - default and configure it

- Turn on Layout Builder, and you can remove which layout blocks unnecessary, or change their order (this layout is how a single article is displayed in front-end)

2. Go to Components > TZ Portfolio Plus > Articles:

- Add new articles with your own content, select style vani - default, and configure options on right side

- Go to Style > vani - default > you can assign this layout to categories or articles in tab "Categories assignment", and "Articles assignment"

3. Create Portfolio Menu:

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

Menu type: TZ Portfolio Plus » Portfolio

TZ Portfolio Plus's template style: vani - Default

Configure basic options in tab Basic Options

Please see Live demo Link  to have a better look.

Read Time: 1 min

I. Installation:

**Install Oraz style

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Styles
  2. Click "Upload" toolbar button -> Navigate Oraz style -> Click "Install Now" Button.
  3. After having done install, you'll see "oraz- Default" appear in Layout Manager. Go to Administrator -> Components -> TZ Portfolio Plus -> Layout (or Click Styles on sidebar)

**Install Music add-on

  1. Go to Administrator -> Components -> TZ Portfolio Plus -> Add-on
  2. Click "Install" toolbar button > navigate Music add-on > click "Install now" button

II. Configurations

1. Firstly, configure layout builder

- Go to Administrator -> Components -> TZ Portfolio Plus -> Styles -> Click oraz - default and configure

- Turn on Layout Builder, and you can add more, change their order, or even remove some unnecessary layout blocks (this layout is how a single article is displayed in front-end)

- You can assign template to specific categories and articles

2. Create portfolio articles and assign template

- Go to Components > TZ Portfolio Plus > ArticlesAdd new articles with your own content, and assign them to Oraz template by selecting template "oraz - Default"

3. Configure Music add-on

- Go to Administrator -> Components -> TZ Portfolio Plus -> Add-on, naviagate Music add-on and click on "Data manager" 

- Start to create new songs by adding "New", then provide song's title, upload music files, and select articles which the song is assigned to

- Refer to Music add-on documentation for more detail instruction

4. Create Menu item:

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

Menu type: TZ Portfolio Plus » Portfolio

Select all categories you need

TZ Portfolio Plus's layout: Oraz - Default

Please see Live demo Link  to have a better look.

Read Time: 2 mins

I. How to Install:

  1. Go to Administrator > Components > TZ Portfolio Plus > Styles
  2. Click "Install" toolbar button > Navigate Zalta style > Click "Install Now" button
  3. Then a green message appears "Installation of the Style was successful."

II. How to create a complete page with Zalta style

1.Configure style layout

After having done installing the style, Zalta does surely appear in Layout Management

- Go to Administrator -> Components -> TZ Portfolio Plus -> Styles -> Click oraz - default and configure

- Turn on Layout Builder, and you can add more, change their order, or even remove some unnecessary layout blocks (this layout is how a single article is displayed in front-end)

- You can assign template to specific categories and articles

2. Create article content

- Go to Admin > Components > TZ Portfolio Plus > Article > Add new with your own content, and assign them to Zalta style by selecting the style "Zalta - Default". Then configure needed options​ on the right sidebar.

3. Create Menu item:

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

Menu type: TZ Portfolio Plus » Portfolio

Select all categories you need

TZ Portfolio Plus's layout: Zalta - Default

Finally, you're supposed to go to your front site and check the portfolio page which has just been built, to see how beautiful it looks.

Please see Live demo Link  to have a better look.

Login