TZ Portfolio v3:Configuration

From TemPlaza Wiki
Jump to: navigation, search

Contents

Logov3.jpg

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.

Global-general-parameter.png

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.

Global-portfolio-timeline-parameter.png

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.

Global-gallery-parameter.png

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.

Global-tag-user-parameter.png

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.

Global-image-parameter.png

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.

Global-image-slider-parameter.png

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.

Global-video-parameter.png

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.

Global-google-map-parameter.png

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.

Global-lightbox-parameter.png

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.

Global-cloud-zoom-parameter.png

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.

Global-social-network-comment-parameter.png

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.

Audio-parameter.png

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.

Quote-link-parameter.png

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:

Global-related-parameter.png

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

Personal tools
Namespaces

Variants
Actions
Navigation
Toolbox