Add-ons

Read Time: 2 mins

LIVE DEMO TUTORIAL VIDEO

I. TECHNICAL REQUIREMENTS

Joomla 3.9.x
TZ Portfolio+ 2.1.8+

II. HOW TO INSTALL

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Navigate FlipBook Gallery > Click "Install Now" Button
Back to Addons > Click "Media Type - FlipBook Gallery" and configure it.

III. HOW TO CONFIGURE FLIPBOOK GALLERY ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Media Type - FlipBook Gallery, in tab "add-on": select lightbox options like Auto-Slideshow, Fullscreen display, Zoom image, Download, Social share and Show thumbnail image.
In the tab "front-end options", configure options: Navigator, Page Selector, Cover Page, as well as adjust width and height of gallery
Adjust padding of the page

IV. CONFIGURATION IN CATEGORY

Please go to "Components > TZ Portfolio Plus > Categories", open a category, navigate the "Article View Options" on the right sidebar, then configure Grid Gallery options

V. CONFIGURATION IN A DETAIL ARTICLE

Back to Articles, click New to create your article
Fill in your content, and in tab "FlipBook Gallery", let's start to upload your images by Dragging & Dropping your file, then wait for them being uploaded
Choose Media Type (select FlipBook Gallery), Style (select your favorite one) and navigate "article view options" > FlipBook Gallery Options > configure

Important note All configurations will be inherited from global changes in Add-on, unless related options in detail articles and categories are not configured

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.x
TZ Portfolio Plus 2.3.5 +

II. HOW TO INSTALL

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Navigate Password Add-on > Click "Install Now" Button
Back to Addons Manager > Click "Content - Password" and configure options

III. HOW TO CONFIGURE THE ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager. Click on "content - Password"
Protection Message: Provide an alert message to inform visitors about the private content which requires a password
Protect Items: select content properties that you want to protect including: Created Date, Published Date, Modified Date, Hits, Tags, Author, Full-Text, Introtext, Category, Parent Category
Protect Add-ons: Select add-ons that you want to protect

IV. SET PASSWORD IN A DETAIL ARTICLE

Back to Articles, add new or open your current articles
On the right side, you'll see "Password Options" including "Protection Password" and "Protection Message"
- Protection Password: provide the article with a password including letters, digits, or other symbols
- Protection Message: the plain text warns visitors about private content protected

V. ACCESS PERMISSION IN ARTICLE & CATEGORY

In each article and category, you can control user's access to read a specific article or articles in a category without requiring password

VI. CONFIGURE LAYOUT BUILDER

You're supposed to go to your TZ Portfolio+ layout to create a place where the password add-on can display properly

Go to Layouts > your layout > add new row > Click to choose the row type "Password"

Read Time: 2 mins

LIVE DEMO TUTORIAL VIDEO

I. TECHNICAL REQUIREMENTS

Joomla 3.9.x
TZ Portfolio+ 2.1.6+

II. HOW TO INSTALL

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Navigate Grid Gallery > Click "Install Now" Button
Back to Addons > Click "Media Type - Grid Gallery" and configure it.

III. HOW TO CONFIGURE GRID GALLERY ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Media Type - Grid Gallery, you'll see on tab "add-on" lightbox options, including an available list: Auto-Slideshow, Fullscreen display, Zoom image, Download, Social share and Show thumbnail image.
On the tab "front-end options", you can choose "grid style" option, as well as adjust width and height of grid images

IV. CONFIGURATION IN CATEGORY

Please go to "Components > TZ Portfolio Plus > Categories", open a category, navigate the "Article View Options" on the right sidebar, then configure Grid Gallery options

V. CONFIGURATION IN A DETAIL ARTICLE

Back to Articles, click New to create your article
Fill in your content, and in tab "Grid Gallery", let's start to upload your images by Dragging & Dropping your file, then wait for them loading
Configure Media Type (select Grid Gallery), and navigate "article view options" > Grid Gallery Options > configure

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.24
TZ Portfolio+ 2.4.5+

II. HOW TO INSTALL

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Navigate Gallery Content > Click "Install Now" Button
A green message appears "installation of the add-on was successful"

III. HOW TO CONFIGURE GALLERY CONTENT ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Content - Gallery, you'll see options on tab "add-on" like Image Maximum Size, Image File Types, lightbox options
On the tab "front-end options", you can choose "grid style" option, as well as adjust width and height of grid images. The option "Image title position" allows you to decide the position of the image title "On overlay of thumnail or under the image"

IV. CONFIGURE LAYOUT BUILDER

Go to layout section > Elegant - Default or open your own layout
Add a new row or column to present the Gallery content, select a type: Gallery

V. CONFIGURATION IN A DETAIL ARTICLE

Back to Articles, and click "New" to create your article
Fill in your content, and under the content section, you scroll down to see the "Gallery" section
Add a title to the gallery, and you can adjust the title font with elements like font family, font weight, letter spacing, font size, font style ... Morever, there are other options to edit the title including title color, title hover color, title margin top, title margin bottom, custom class.
Upload your images by opening the file browser

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.24
TZ Portfolio+ 2.4.5+

II. HOW TO INSTALL FEATURE BOX ADD-ON

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > look for Feature Box > Click "Install Now" Button
A green message appears "installation of the add-on was successful"

III. HOW TO CONFIGURE FEATURE CONTENT ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Content - Feature, let's decide to hide or show the feature box in category view and article view

IV. ADD THE FEATURE BOX IN LAYOUT BUILDER

Please go to the layout section > Elegant - default or open your own layout
Add a new row or column in the layout to present the feature box content
Select a type: Feature Box

V. CONFIGURATION IN A DETAIL ARTICLE

Back to Articles, and click "New" to create your article
In the tab "Feature Box", please click on the green button to create a new feature box
Responsive configuration: youre able to adjust the responsive layout of feature boxes on desktop, tablet, and mobile
Feature box contains different parts: title, image, content, and button. You can easily configure them step by step

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.24
TZ Portfolio+ 2.4.5+

II. HOW TO INSTALL VIDEO CONTENT ADDON

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Find out Video Content > Click "Install Now" Button
A green message appears "installation of the add-on was successful"

III. HOW TO CONFIGURE VIDEO CONTENT ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Content - Video, here you're able to hide or show the video content in article view

IV. CONFIGURE LAYOUT BUILDER

Please go to the layout section > Elegant - Default or open your own layout
Add a new row or column to present the Video content, select a type: Video

V. CONFIGURATION IN A DETAIL ARTICLE

When you add a new article or open an available one, you can see the Video section under each content tab. Please click on it to see available options
Give it a title first, and then adjust its font, color, hover color, margin top, margin bottom.
Let's insert a YouTube or Vimeo video link in the YouTube or Vimeo Video URL option, ex: https://www.youtube.com/watch?v=mrpiPK8_up0 or https://vimeo.com/274936087
Moreover, you can also configure other options like autoplay, loop, mute, auto paulse, video title, and so on

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.24
TZ Portfolio+ 2.4.7+

II. HOW TO INSTALL LEADER PRICE ADDON

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Find out Leader Price > Click "Install Now" Button
A green message appears "installation of the add-on was successful"

III. HOW TO CONFIGURE LEADER PRICE ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Content - Leader Price, here you're able to hide or show the add-on in article view

IV. CONFIGURE LAYOUT BUILDER

Please go to the layout section > Elegant - Default or open your own layout
Add a new row or column to present the Leader Price, select a type: leaderprice

V. CONFIGURATION IN A DETAIL ARTICLE

When you add a new article or open an available one, you can see the tab "Leader Price" right below. Please click on it to see available options
Give it a title first, and then you can adjust the leader style font, color, margin or padding options.
Click on the green button to add new pricing items

Regarding the card style, there are several options to choose: Default, Primary, Secondary, or you can even create a custom style

Default style

Primary style

Secondary style

Create a custom style

Read Time: 2 mins

I. TECHNICAL REQUIREMENTS

Joomla 3.9.25+
TZ Portfolio+ 2.4.7+

II. HOW TO INSTALL LEADER PRICE ADDON

Go to administrator > Components > TZ Portfolio Plus > Addons
Click to Install > Find Button add-on > Click "Install Now" Button
Then a green message appears "installation of the add-on was successful"

III. HOW TO CONFIGURE BUTTON ADD-ON (GLOBAL CONFIGURATION)

After having done installation, the add-on surely appears in Add-ons Manager
Click on Content - Button, here you're able to hide or show the add-on in article view

IV. CONFIGURE LAYOUT BUILDER

Please go to the layout section > Elegant - Default or open your own layout
Add a new row or column to present the buttons in a suitable position, select a type: button

V. CONFIGURATION IN A DETAIL ARTICLE

When you add a new article or open an available one, you can see the tab "Button" right below. Please click on it to see available options
Give it a title first, and then you can adjust style of buttons including: font, color, margin or padding options.
Click on the green button "+" to add new buttons or click on the red button "x" to delete one.

Read Time: 1 min

SEE DEMO HOW TO INSTALL ADDON

I. GLOBAL CONFIGURATION:

After installing it, you can see it appear in the "Components > TZ Portfolio Plus > Addons".
To configure, please choose this addon and there are options for you here.
To upload the addon and assign to articles, please go to Components > TZ Portfolio Plus > Addon and click on Content - Checkout Bridge Hikashop.

II. CREATE AND SET UP PRODUCTS IN HIKASHOP:

Please go to "Component > Hikashop > Product" and open the one you want.
Please choose Category, Brand.... and set price for Products.

III. CREATE BLOCK IN TEMPLATE LAYOUT OF TZ PORFOLIO PLUS:

Please go to "Component > TZ Portfolio Plus > Templates Styles" and open the one you want.
Please create a block for Checkout_bridge_hikashop to show it in the detail articles.
You can remove block if you don't want it appears in the detail article.

checkout_bridge_hikashop3

IV. HOW TO APPLY HIKASHOP'S OPTIONS FOR PORTFOLIO CATEGORY:

Please go to "Component > TZ Portfolio Plus > Category".
Add a new one/ Edit a category
In the right sidebar, you can see Hikashop Options for this Category.

Category

V. HOW TO APPLY HIKASHOP'S OPTIONS FOR PORTFOLIO ARTICLES:

Please go to "Component > TZ Portfolio Plus > Articles".
Article here is the Article including Hikashop Options.
Add a new one/ Edit an article
Please choose the category created in the previous step
Assign each portfolio articles to the template style configured before in step III.
In the right sidebar, you can see Hikashop Options for this article.

Article

Article Options

Read Time: 1 min

SEE DEMO HOW TO INSTALL ADDON TUTORIAL VIDEO

I. GLOBAL CONFIGURATION:

After installing it, you can see it appear in the "Components > TZ Portfolio Plus > Addons".
To configue, please choose this addon and there are options for you here.
To upload the attach file and assign to article, please go to Components > TZ Portfolio Plus > Addon and click on Data Manager of Attachment.

II. CREATE BLOCK IN TEMPLATE LAYOUT OF ARTICLE:

Please go to "Component > TZ Portfolio Plus > Templates Styles" and open the one you want.
Please choose Social to show "Attachment" in the detail articles.
You can remove block if you don't want it appears in the detail article.

Page 1 of 3

Company

Our Products

Resources

Support

SUBSCRIBER

Subscribe for item updates, important news, giveaways & more!

The Joomla! ® name and logo is used under a limited license from Open Source Matters in the United States and other countries.
TZPortfolio.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.