Read Time: 2 mins

Module "TZ Portfolio Plus Portfolio" is newly included in the component TZ Portfolio Plus version 1.2.1. This module completely replaces "TZ Portfolio Plus Articles" with new features. TZ Portfolio Plus Articles currently plays as a separate module 

Here below are some configurations of this module. Please have a look:

  • This module is supported with template: simple - Default, folio - Default, and  demo - Default ( default style only). Other styles of Demo - default haven't been supported yet.
  • Adjust "Width item" to change the number of columns
  • All Portfolio articles are filtered by Tag and Category
  • Menu assignment: assign it to pages you really need
  • Configure other options: article limit, introtext limit, show voting, show vote counter, and so on

 

 Here below is how the module is displayed in front-end: 

  • After having created this module, remember to add new block to display it in layout
  • If you use Templaza's templates, or TZ Portfolio Plus Demo, please go to Extensions > Templates > styles > Layout configuration, and add a new position for this module
  • If you use a different custom templates, please make sure layout contains module's position
Read Time: 2 mins

TZ Portfolio Plus Carousel was previously a featured part included in the component TZ Portfolio Plus, but now it plays as a saparate module. If you're interested in bringing out your portfolio items with carousel feature, please download it at the below link and see how it's configured. 

Link download

Here below are some main configurations of this module. Please have a look:

  • Select Portfolio categories, media type and configure some other options
  • Select template: currenly, this module is compatible with most of TZ Portfolio Plus's templates
  • Menu assignment: assign the module to pages selected
  • Configure carousel options

 

 Here below is how the module is displayed in front-end: 

  • After having created this module, remember to add new block to display it in layout
  • If you use Templaza's templates, or TZ Portfolio Plus Demo, please go to Extensions > Templates > styles > Layout configuration, and add a new position for this module
  • If you use a different custom templates, please make sure layout contains module's position
Read Time: 1 min

I. MODULE PREVIEW:

II. CONFIGURATION:

  • Module type: TZ Portfolio Plus Tags
  • This is the module display Tags from TZ Portfolio Plus.
  • Categories: You need to have available TZ Porfolio Plus Category first.
  • When creating the module, please complete the field Title, Show Title, Position, Status and Menu Assignment.

TUTORIAL VIDEO: LINK 1 LINK 2

Module:

 

Advanced Settings:

 

Read Time: 1 min

I. MODULE PREVIEW:

II. CONFIGURATION:

  • Module type: TZ Portfolio Plus Categories
  • This module displays categories as menu. To show the category Image and Description, you should have them for each category.
  • Categories: You need to have available TZ Porfolio Plus Category first.
  • When creating the module, please complete the field Title, Show Title, Position, Status and Menu Assignment.

TUTORIAL VIDEO: LINK 1 LINK 2

Module:

 

Advanced Settings:

 

Read Time: 1 min

I. MODULE PREVIEW:

II. CONFIGURATION:

  • Module type: TZ Portfolio Plus Articles
  • This Module shows a list of Articles. Some that are shown may have expired even though they are the most recent.
  • Categories: You need to have available TZ Porfolio Plus Category first.
  • When creating the module, please complete the field Title, Show Title, Position, Status and Menu Assignment.
  • LAYOUT: There are 2 layouts for this module: Default & Portfolio.

TUTORIAL VIDEO: LINK 1 LINK 2

Module:

 

Portfolio Options:

 

Advanced:

 

  • NOTE: The features below are only included when you install the respective addons.

Image Options:

 

Image Gallery Options:

 

Video Options:

 

Read Time: 1 min

I. MODULE PREVIEW:

VIEW DEMO

II. CONFIGURATION:

  • Module type: TZ Portfolio Plus Filter
  • This module will display filter form based on fields and category of TZ Portfolio Plus.
  • Categories and Fields: You need to have available TZ Porfolio Plus Category and Fields first.
  • When creating the module, please complete the field Title, Show Title, Position, Status and Menu Assignment.

Module:

Advanced:

 

Read Time: 2 mins

I. MODULE PREVIEW:

II. CONFIGURATION:

  • Module type: TZ Flex Grid
  • In module tab: Select categories created in TZ Portfolio+ extension
  • Enable filter option and choose filter type (Categories or Tags)
  • Choose Flex Grid Style: Grid / Horizontal Masonry / Vertical Masonry
  • In Flex Grid Option tab: Enable lightbox feature and select lightbox options
  • Please make sure you have assigned this module to specific menu items or on all pages

Module:

 

Flex Grid Options:

 

Advanced:

 

After choosing Flex Grid Style, responsive options will be shown out and you're better configure them properly. Then go to frontend to see how it's affected. 

TZ Flex Grid also supports Bootstrap option, so you can enable it and choose Bootstrap version

Grid Style:

  • After choosing Flex Grid Style, responsive options will be shown out and you're better configure them properly
  • With Grid Style: there are 4 sub-styles coming along (Style 1, 2, 3, 4)
  • Witdth of Grid (px): the width of each grid column displayed
  • Height of Grid (px): the height of each grid row displayed

 

Horizontal Masonry Style:

  • With Horizontal Masonry Style: set Height of Grid (px)

 

Vertical Masonry Style:

  • Min of Coumns: the min number of columns will be displyed on desktop view
  • Vertical Masonry Gallery Height (px): the height of vertical masonry gallery is affected to vertical masonry type

 

Read Time: 1 min

I. MODULE PREVIEW:

II. HOW TO INSTALL:

  • Go to Admin > Components > TZ Portfolio+ > Extensions > Find TZ Infinite Carousel > Click "Install Now"
  • A green message will appear then to announce "Module installation is already successfull"
  • Then go to Admin > Extensions > Modules > Search module type: TZ Infinite Carousel

III. CONFIGURATION:

  • Module type: TZ Infinite Carousel
  • In module tab: Select categories created in TZ Portfolio+ extension
  • Column: the number of portfolio columns in each slide
  • Height of slider: the height of each slide (unit: px)
  • Delay: delayed time per each slide move
  • Assign this module to specific menu items or on all pages

Advanced:

Advanced

 

  • Tab Article Options: Enable Lightbox Option
  • Lightbox Options: Select lightbox options you need (like: Auto-Slideshow, Fullscreen display, Zoom image, Download, Social share and Show thumbnail image)
Read Time: 1 min

I. MODULE PREVIEW:

II. HOW TO INSTALL:

  • Go to Admin > Components > TZ Portfolio+ > Extensions > Find Single Article Module > Click "Install Now"
  • A green message will appear then to announce "Module installation is already successfully"

III. CONFIGURATION:

  • Go to Admin > Extensions > Modules > New
  • Create a new module with module type: TZ Portfolio+ Single Article
  • Select an article that you have already created in Articles section
  • Assign the module to a style. If you don't assign any style, it'll be inherited by default
  • There are many other options you need to configure like: Show Title, Show Introtext, Hits, Created Date, Author, Main Category, 
Read Time: 2 mins

I. MODULE PREVIEW:

II. HOW TO INSTALL:

  • Go to Admin > Components > TZ Portfolio+ > Extensions > Find Flexslider > Click "Install Now"
  • A green message will appear then to announce "Module installation is already successfully"
  • Go to Admin > Extensions > Modules > search for TZ Portfolio Plus Flexslider

III. CREATE SLIDE IMAGES:

  • Go to Admin > Components > TZ Portfolio+ > Articles > Create new
  • Choose Media type: Image and start to upload your image 
  • Note: each image in one article will represent as an image slide in the module FlexSlider

IV. CONFIGURATION:

Module:

  • Module type: TZ Portfolio+ FlexSlider
  • Menu Assignment: Assign the module to all pages or specific pages
  • Category: Select the categories you wish them to show
  • Media Type: select "Image"
  • Article Limit: Set the number of articles / Slides you want to display
  • To have a good performance like the demo, you're supposed to hide all detail information including title, intro text, category, author, create date, modify date, publish date, hits, tags, and so on.

Flexslider Options:

  • Animation: Slide and Fade
  • Smooth height: allows a smooth height transition between slides
  • Control navigation: include Default, Thumbnail, and Thumbnail Slide
    - Default: display slideshow with navigator 
    - Thumbnail: All slide images are shown below the slider as a thumbnail
    - Thumbnail slide: Slide thumbnail below the slider has a carousel function

Page 1 of 2

Login