Portfolio

Portfolio Page Overview

Portfolio is the best way to show your work. You can use this portfolio for almost all kind of work you have done. From Photography, to Icon Creator.

To create Portfolio Page, just go to Pages→Add New and you will have option almost the same like Media Gallery.

Portfolio – Portfolio List Page Template

You have option 6 type for Load Animation, Load per page, Item Width, Layout (Normal, Masonry and Pinterest) , and also use Margin for portfolio item.

Portfolio Expand Mode : Choose one of 3 type portfolio expand mode for your single portfolio item that you want to use on portfolio list page.
Portfolio Gallery Load Animation Style : Choose one of 6 type load animation style for your portfolio item.
Portfolio Load Per Page : Your portfolio item will load step by step based on amount of this option.
Portfolio Item Width : On this option you will be able to set default width for your portfolio item.
Portfolio Layout Type : Choose one of 3 type media gallery layout that you want to use (you will be able to set default height of your portfolio item only if you’re using Normal Layout.).
Use Portfolio Margin : Enable this option if you want to have margin on each portfolio item thumbnail.
Filter Title : Fill the title for portfolio filter button.

JKreativ Portfolio List Option

Portfolio Parent Page This page will become as you Parent Page of your portfolio items. This page will occurs on Choose your portfolio parent option when you create your portfolio item. And you’ve to choose one of your portfolio parent as well for each your portfolio item.

Portfolio Parent Page

Portfolio Expand Mode

We have 3 kind of Portfolio Expand Mode. If you decide to set your Portfolio Expand Mode that using Ajax (Normal Ajax or Theather Ajax Mode), when you create Single Portfolio Item, you should choose Ajax Portfolio on Portfolio Layout option.

Ajax Portfolio

Portfolio Expand Mode

Normal Ajax Expand Mode

Control for Normal Ajax Expand Mode available on Single Portfolio, when you choose Ajax Portfolio Layout.
Theather Ajax Expand Mode

Control for Theather Ajax Expand Mode available on Single Portfolio, when you choose Ajax Portfolio Layout.
No Expand (No Ajax)

You also have option not to use Ajax. So when user click on your portfolio thumbnail, it will go directly to Single Portfolio Item page without Ajax animation

Single Portfolio Item

Portfolio is the best way to show your work. You can use this portfolio for almost all kind of work you have done.

To create Single Portfolio Item just go to Portfolio→Add Portfolio

Jkreativ Single Portfolio Setting

Every Portfolio List Page should have portfolio content inside it. When you create portfolio single page, you have setting that mandatory to fill. When you create this single portfolio, content of cover, will show on portfolio list (portfolio parent).

JKreativ Portfolio Setting

Portfolio Layout

You can choose several type of layout we provide. If you decide to set your Portfolio Expand Mode that using Ajax (Normal Ajax or Theather Ajax Mode), when you create Single Portfolio Item, you should choose Ajax Portfolio on Portfolio Layout option.
Choose your Portfolio Parent Page

When you create a page that using Portfolio – Portfolio List Page template, it will show on drop down list. Choose one of portfolio page as parent of your portfolio item. So this single page can be child of parent that you choose.
Image Cover

You required to add this image as cover. This image will show up as thumbnail on Portfolio Parent Page of your portfolio item.
Image Cover Width & Height

With this option, you able to create metro style portfolio list, you can choose different size of image cover, arrange it and create beautiful image portfolio thumbnail list.
Override Overlay Color

This option will work if you’re using Masonry Layout or Normal Layout on Portfolio List Page. With this option you can setup different Overlay Color for each Portfolio Item. This option will be ignored if you’re using Pinterest Layout.

Portfolio Type

As media gallery, we also provide 5 type of content on portfolio :

Image
Vimeo
YouTube
SoundCloud
HTML 5 Video

Single Portfolio Item Layout

On Single Page Portfolio Item, we have 6 kind of Portfolio Layout. On each Portfolio Layout have a bunch of option that will looks like different on each other.

Ajax Portfolio

If you decide to set your Portfolio Expand Mode that using Ajax (Normal Ajax Mode or Theather Ajax Mode), when you create Single Portfolio Item, you should choose Ajax Portfolio on Portfolio Layout option. On this Portfolio Layout you will see several panel option which is :

JKreativ Portfolio Single Ajax Setting
- Image Scale Method : You can choose 3 type of Scale Method that we provide for your portfolio image on Single Portfolio Item.
- Hide Single Image Title : Enable this option if you want to hide the title of single image.
JKreativ Portfolio Meta

You can use this option if you want to display portfolio meta description beside showing your portfolio item description on portfolio detail section.

JKreativ Media Gallery Builder

You can use this option to insert your portfolio Image, YouTube Video, Vimeo, SoundCloud and HTML 5 Video that referring to your portfolio item.

Ajax Portfolio Preview
Cover Portfolio

JKreativ Porfolio Cover Setting
- Hide Portfolio Top Meta : Enable this option if you want to hide the meta that contain date, author and another information.
- Heading Position : Choose one of 2 type of Heading Position that you want to use.
- Select Additional Sidebar : Choose widget that you want to show up on Sidebar.
- Portfolio Detail Text : Fill the title of detail meta information about your portfolio item.
JKreativ Porfolio Cover Meta

You can use this option if you want to display portfolio meta description beside showing your portfolio item description on portfolio detail section.

JKreativ Media Gallery Builder

You can use this option to insert your portfolio Image, YouTube Video, Vimeo, SoundCloud and HTML 5 Video that referring to your portfolio item.

Cover Portfolio Preview
Side Content Portfolio

JKreativ Portfolio Side Content Setting
- Hide Top Meta : Enable this option if you want to hidden top meta information on sidebar content.
- Loaded Image Count : Your image will load step by step based on amount of this option.
- Show Image Caption : Enable this option will show your image caption when hovered instead of plus sign.
- Switch Media Content Position : You can switch media gallery and content position on mobile device by enabling this option.
- Use Fullwidth Image : Enable this option will overwrite setting image of media gallery and use fullwidth media content.
Grid Layout
- Gallery Layout Type : Choose one of 3 type media gallery layout that you want to use.
- Gallery Item Width : On this option you will be able to set default width of your media gallery item.
- Gallery Item Height Dimension : On this option you will be able to set default height of your media gallery item only if you’re using Normal Layout.
- Gallery Load Animation Style : Choose one of 6 type animation load style for your media gallery item.
- Gallery Expand Script : Choose one of 3 type Gallery Expand Script for your media gallery item when user click the image thumbnail.
- Use Portfolio Margin : Enable this option if you want to have margin on each image thumbnail.
- Override Overlay Color : Enable this option if you want to override default setting on image thumbnail overlay color.
JKreativ Portfolio Meta

You can use this option if you want to display portfolio meta description beside showing your portfolio item description on portfolio detail section.

JKreativ Media Gallery Builder

You can use this option to insert your portfolio Image, YouTube Video, Vimeo, SoundCloud and HTML 5 Video that referring to your portfolio item.

Side Content Portfolio Preview
Extend Portfolio – Legacy Section Builder

By using this template on your single portfolio item, you will be able to show your portfolio item that contain Landing Page element. So you can use JKreativ Section Shortcode element to describe your portfolio item.
Extend Portfolio – Visual Composer

By using this template on your single portfolio item, you will be able to show your portfolio item that contain Landing Page element. So you can use Visual Composer element to describe your portfolio item.

Extend Portfolio Preview
Link to Another Page

Fill the page url on this option will make your portfolio item go to those page when the user click your portfolio item.