TZ Portfolio v3:Configuration
From TemPlaza Wiki
Introduction
TZ Portfolio inherits all the features of com_content so in this case we only mention the features that joomla not. If you want to know the basic features of com_content follow this path Joomla! Documentation
Global Parameter
General
This tab contains the parameters used for the view: Portfolio or Timeline or Gallery or Blog or Tags or Users.
| Number | Parameter Name | Description | Default value |
|---|---|---|---|
| 1 | Redirect To | Display detail article in front of Blog article page or Portfolio article page. | Default |
| 2 | Article Limit | Article limit in a page. Used for: Portfolio, Timeline, Tag and User Page. | |
| 3 | Use Filter First Letter | If set to Yes, The first letter of the article title will be filtered. Used for the views: Portfolio, Timeline, Blog, Tag and User. | Yes |
| 4 | First Letter Text | The first letter of the article title to filter. Must enter the letters in the form of "a,b,c,d..." | a,b,c,d,…,z |
| 5 | Category Image Width | Set a Category image width with unit px. | 400 |
| 6 | User Image Width | Set a Category image width with unit px | 100 |
| 7 | Show Tags | If set to Show, the tags is shown. | Yes |
| 8 | Show Limit Box | If set to show, limit box will be shown. Used for the views: Portfolio, Timeline, Tag and User | Show |
| 9 | Show Attachments | If set to Show, the attachments is shown. | Yes |
| 10 | Attachments Type | File types are accepted for upload | zip,rar,exe,cab,doc,rtf,xls,ppt,pdf,psd,ai,eps,ps,png,jpe,jpeg,jpg,gif,bmp,ico,tiff,tif,svg,svgz |
| 11 | Show Extra Fields | If set to Show, the fields are shown. | Show |
| 12 | Extra Field Type | The display of the extrafield. There are 3 types: Text, Image, Text and Image | Text and Image |
| 13 | Fields Order | The order that fields will show in.There are 5 type order: Most recent first, Oldest first, Title Alphabetical, Title Reverse Alphabetical, Ordering. | Most recent first |
TZ Portfolio – Time Line
This tab contains the parameters only used for the view: Portfolio or Timeline.
| Number | Parameter name | Description | Default value |
|---|---|---|---|
| 1 | Choose A Layout Paging | Default Layout Paging for Portfolio and Timeline page. There are 3 type: Default, Ajax Button, Ajax Infinitescroll. | Ajax Button |
| 2 | Show Filter | Display filter on portfolio or timeline page | Show |
| 3 | Filter Type | Categories | |
| 4 | Filter Order | Tags or categories filters will be sorted by the selected. There are 3 type: Auto, Ascending, Descending | Auto |
| 5 | Show Sort | Show | |
| 6 | Show Layout | Show | |
| 7 | Layout Type | Masonry,Fit Rows, Straight Down | |
| 8 | Column Width | 233 | |
| 9 | Feature Column Width | ||
| 10 | Introtext Limit | Number from the introductory text of the article. | |
| 11 | Choose a Layout | Default Layout for Time Line page. There are 2 layout: Default, Classic | Default |
| 12 | Date Display Under | The time is displayed in articles. There are 3 type: Month, Year, Month And Year | Month And Year |
TZ Gallery
This tab contains the parameters only used for the view: Gallery.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Article Not Image | If set to Show, Articles not image display | Show |
| 2 | Column Size From | If Article not image must input Column Width. There are 3 type: Image Height Minimum (Width Auto), Only Height Input (Width Auto), Width And Height Input | Width And Height Input |
| 3 | Column Width | Set a TZ Gallery column width with unit px or %. Example: "100%" or "210" or "210px" | 210px |
| 4 | Column Height | Set a TZ Gallery column height with unit px or %. Example: "100%" or "210" or "210px" | 210px |
| 5 | Maximum Column Count | Article count maximum displayed on a line | 10 |
| 6 | Use Row Count | If set to Yes, Article row count maximum will be use | No |
| 7 | Maximum Row Count | Article row count maximum displayed when drag | 7 |
TZ Tag – User
This tab contains the parameters used for the view: Tag or User.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Tag Title | If set to Show, A Tag is shown in Portfolio Tag view | Show |
| 2 | Show User | If set to Show, the user is shown. | Show |
| 3 | Show User's Gender | If set to Show, the user's gender is shown. | Hide |
| 4 | Show User's Email | If set to Show, the user's email is shown. | Hide |
| 5 | Show User's Url | If set to Show, the user's url is shown. | Show |
| 6 | Show User's Description | If set to Show, the user's description is shown. | Show |
Image
This tab contains the parameters used for all view.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Image | If set to Show, the article image is shown. | Show |
| 2 | Use Image Hover | If set to Yes, Image hover is shown. | Show |
| 3 | Image Hover Speed | The speed fade in image hover. There are integers or real numbers and are calculated by seconds (s). Example: "0.1" or "1" | 0.35 |
| 4 | XSmall Width | Set a Article XSmall image width with unit px | 100 |
| 5 | Small Width | Set a Article Small image width with unit px | 200 |
| 6 | Medium Width | Set a Article Medium image width with unit px | 400 |
| 7 | Large Width | Set a Article Large image width with unit px | 600 |
| 8 | XLarge Width | Set a Article XLarge image width with unit px | 900 |
| 9 | TZ Image Size | Image's size are shown on Portfolio, Time line, Gallery, Tag and User page. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Medium |
| 10 | Featured Image Size | Featured Image's size are shown on Portfolio page and Timeline page. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 11 | Detail Image Size | If selected, Detailed image of the article will be resized. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 12 | Leading Image Size | If selected, Image of the leading column article will be resized. Used for Blog view. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 13 | Secondary Image Size | If selected, Image of the secondary column article will be resized. Used for Blog view. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
Image Slider
This tab contains the parameters used for all view.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Image Slider | If set to Show, the article image slider is shown. | Show |
| 2 | XSmall Width | Set a Article XSmall image gallery width with unit px | 100 |
| 3 | Small Width | Set a Article Small image gallery width with unit px | 200 |
| 4 | Medium Width | Set a Article Medium image gallery width with unit px | 400 |
| 5 | Large Width | Set a Article Large image gallery width with unit px | 600 |
| 6 | XLarge Width | Set a Article XLarge image gallery width with unit px | 900 |
| 7 | Detail Image Size | If selected, Detailed image of the article will be resized. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 8 | Leading Image Size | If selected, Image of the leading column article will be resized. Used for Blog view. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 9 | Secondary Image Size | If selected, Image of the secondary column article will be resized. Used for Blog view. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Large |
| 10 | Slider Auto Run | Animate slider automatically | Yes |
| 11 | Show Button Direction | If set to show, button direction navigation will be shown. | Show |
| 12 | Show Control Navigation | If set to show, the control navigation image gallery is shown. | Hide |
| 13 | Show Pause/Play | Create pause/play dynamic element | No |
| 14 | Pause On Action | Pause the slideshow when interacting with control elements, highly recommended. | Yes |
| 15 | Pause On Hover | Pause the slideshow when hovering over slider, then resume when no longer hovering | No |
| 16 | Use CSS | Override the use of CSS3 Translate3d animations | Yes |
| 17 | Slide Direction | Select the sliding direction, "Horizontal" or "Vertical" | Horizontal |
| 18 | Animation Type | Animation type for slideshow. There are 3 type: “Automatically”, ”Slide”, ”Fade” | Automatically |
| 19 | Slide Show Speed | Optional field that allows you to customize the speed of the slideshow cycling.(milliseconds). | 7000 |
| 20 | Animation Duration | Optional field that allows you to customize the speed of animations.(milliseconds). | 600 |
Video
This tab contains the parameters used for all view.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Video | If set to Show, the article video is shown. | Show |
| 2 | Video Width | Optional field that allows you to customize the width of video. | |
| 3 | Video Height | Optional field that allows you to customize the height of video. |
Google Map
This tab contains the parameters used for all view.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Google Map | Yes | |
| 2 | Google Map Width | Width of the map. You must put the units behind the number like 100% or 500 or 500px. | 100% |
| 3 | Google Map Height | Height of the map. You must put the units behind the number like 100% or 500 or 500px. | 500 |
| 4 | Mouse Wheel Zoom | Zoom map with mousewheel | No |
| 5 | Zoom Level | The Zoom Level for the first view of the map. | 10 |
| 6 | Latitude | Default Latitude for marker on the map. | 20.9815260 |
| 7 | Longitude | Default Longitude for marker on the map. | 105.7890379 |
| 8 | Address | Address for the default place. | |
| 9 | Custom Tooltip |
Lightbox
This tab contains the parameters used for the view: Portfolio, Timeline, Blog, Tag, User and Archived.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Use Light Box | If set to Yes, the article details will be displayed in the Light Box. | Yes |
| 2 | Light Box Transition | The transition type. Can be set to "Elastic", "Fade", or "None". | Elastic |
| 3 | Light Box Speed | Sets the speed of the fade and elastic transitions, in milliseconds. | 350 |
| 4 | Light Box Opacity | The overlay opacity level. Range: 0 to 1. | 0.1 |
| 5 | Light Box Width | Set a fixed total width. This includes borders and buttons. Example: "500","500px","500%" | 800 |
| 6 | Light Box Height | Set a fixed total height. This includes borders and buttons. Example: "500","500px","500%" | 600 |
Clound Zoom
This tab contains the parameters used for the view: Article or Portfolio Article.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Use Cloud Zoom | Yes | |
| 2 | Cloud Zoom Image Size | Image size when using Cloud zoom. There are 5 type: “XSmall”, ”Small”, ”Medium”, ”Large”, ”XLarge”. | XLarge |
| 3 | Zoom Width | The width of the zoom window in pixels. If 'auto' is specified, the width will be the same as the small image. | Example |
| 4 | Zoom Height | The height of the zoom window in pixels. If 'auto' is specified, the height will be the same as the small image. | |
| 5 | Position | Specifies the position of the zoom window relative to the small image. Allowable values are 'Left', 'Right', 'Top', 'Bottom', 'Inside' or you can specifiy the id of an html element to place the zoom window in e.g. position: 'element1'. Default Value 'right' | Inside |
| 6 | AdjustX | Allows you to fine tune the x-position of the zoom window in pixels. | 0 |
| 7 | AdjustY | Allows you to fine tune the y-position of the zoom window in pixels. | 0 |
| 8 | Tint Color | Specifies a tint colour which will cover the small image. Colours should be specified in hex format, e.g. '#aa00aa'. Does not work with softFocus. | |
| 9 | Tint Opacity | Opacity of the tint, where 0 is fully transparent, and 1 is fully opaque. | 0.5 |
| 10 | Lens Opacity | Opacity of the lens mouse pointer, where 0 is fully transparent, and 1 is fully opaque. In tint and soft-focus modes, it will always be transparent. | 0.5 |
| 11 | Soft Focus | Applies a subtle blur effect to the small image. Set to true or false. Does not work with tint. | 0 |
| 12 | Smooth Move | Amount of smoothness/drift of the zoom image as it moves. The higher the number, the smoother/more drifty the movement will be. 1 = no smoothing. | 3 |
| 13 | Show Title | Shows the title tag of the image. Yes or No. | Yes |
| 14 | Title Opacity | Specifies the opacity of the title if displayed, where 0 is fully transparent, and 1 is fully opaque. | 0.5 |
Social Networks – Comments
This tab contains the parameters used for the view: Article or Portfolio Article.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Comment | If set to Show, the comment is shown. | Show |
| 2 | Comment Type | There are 3 comment type: Facebook, JComment, Disqus | Disqus |
| 3 | Show Comment Count | The number of people comment for the article on Facebook, JComment or Disqus. | Show |
| 4 | Your DISQUS subdomain (shortname) | Set the subdomain to what you registered with DISQUS (without '.disqus.com'). | templazatoturials |
| 5 | DISQUS API Secret Key | DISQUS API Secret Key for display comment count | DGBlgtq5QMvrAKQaiLh0yqC9GE82jYIHrF3W43go0rks9UBeiho4sLAYadcMks4x |
| 6 | Test DISQUS comments on a local development server | This option will enable DISQUS comments without having to upload your website on the actual domain associated with the DISQUS service. | Enabled |
| 7 | Twitter Button | If set to Show, the twitter button is shown. | Show |
| 8 | Facebook Button | If set to Show, the facebook button is shown. | Show |
| 9 | Google +1 Button | If set to Show, the google +1 button is shown. | Show |
Audio
This tab contains the parameters used for all views.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | SoundCloud Client ID | Your SoundClound's Client Id is created Your SoundClound account's application. It is used to save the audio's thumbnail image from SoundClound's server. To create client id, You can read SoundCloud's document from url http://developers.soundcloud.com/docs/api/terms-of-use#use | |
| 2 | Show Audio | If set to Show, the audio will be shown. | Show |
| 3 | Audio Layout Type | This option is used to show thumbnail or SoundCloud audio for pages (not detail page). There are 2 options: Thumbnail and Audio | Thumbnail |
| 4 | Show SoundCloud Artwork | Show | |
| 5 | SoundCloud Auto Play | If set to Yes, the audio will be auto play. | No |
| 6 | Show Sharing Button | Show/Hide share buttons | Show |
| 7 | Show Buying Button | Show/Hide buy buttons | Show |
| 8 | Show Download Button | Show | |
| 9 | Show SoundCloud User | Show | |
| 10 | Show SoundCloud PlayCount | Show | |
| 11 | Show SoundCloud Comments | Show | |
| 12 | Color | Color play button and other controls. e.g. '0066CC' | Transparent |
| 13 | Theme Color | Color player background etc. | Transparent |
| 14 | SoundCloud Width | 100% | |
| 15 | SoundCloud Height | 166 |
Quote - Link
This tab contains the parameters used for all views.
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Quote's Text | Show | |
| 2 | Show Quote's Author | Show |
Articles
Related Article
This item contains the parameters used for the view: Article or Portfolio Article. It is located at the end of the articles tab:
| Number | Parameter Name | Description | Default Value |
|---|---|---|---|
| 1 | Show Related Article | Show | |
| 2 | Show Related Heading | Show | |
| 3 | Related Heading | ||
| 4 | Show Related As | Related articles are displayed in the selected format. There are 3 types: “Only Title”, “Only Image”, “Title And Image” | Title And Image |
| 5 | Featured Articles | If set to show, Featured Articles is shown. | Show |
| 6 | Related Image Size | If selected,the image of the relate article will be resized. There are 5 type: XSmall, Small, Medium, Large,Xlarge. | Small |
| 7 | Related Order | The order that related articles will show in. | Most Recent |
Quicklinks: Overview | Installation | How to Use | Administration | Configuration | Plugin | Video Tutorials
