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

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: 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

LIVE DEMO

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

LIVE DEMO

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

LIVE DEMO

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

LIVE DEMO

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: 1 min

Demo

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.

Checkout bridge hikashop

addon-checkout-bridge-hikashop-2

 

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.

Hikashop 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

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

Article Options

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

Login