Close

Account

Documentation

Forum

Menu

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 PagesAdd New and you will have option almost the same like Media Gallery.

 

Portfolio – Portfolio List Page Template


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


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 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 Item Layout - Ajax Portfolio

Portfolio Expand Mode


Portfolio Expand Mode

  1. Normal Ajax Expand Mode

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

    Normal Ajax Expand Mode

  2. Theather Ajax Expand Mode

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

    Theather Ajax Expand Mode

  3. 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 PortfolioAdd 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


JKreativ Portfolio Setting

  1. 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.

  2. 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.

  3. 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.

  4. 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.

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

  1. Image
  2. Vimeo
  3. YouTube
  4. SoundCloud
  5. 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.

  1. 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 Single Ajax Setting

    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 Portfolio Meta

    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.

    JKreativ Gallery Media Builder

    Ajax Portfolio Preview

    Ajax Portfolio

  2. 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 Portfolio Cover Setting

    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 Portfolio Cover Meta

    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.

    JKreativ Gallery Media Builder

    Cover Portfolio Preview

    Cover Portfolio

  3. 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.

    JKreativ Portfolio Side Content Setting

    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.

    Porfolio Item Side Content - Grid Layout

    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 Portfolio Meta

    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.

    JKreativ Gallery Media Builder

    Side Content Portfolio Preview

    Side Content Portfolio

  4. 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.

  5. 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

    Extend Portfolio

  6. 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.

    JKreativ Portfolio Link to Another Page


 

Quick Edit

To make it easier for you to manage portfolio item, we also giving option to change Portfolio Cover Size using Quick Edit on Portfolio Type page.

 

Quick Edit – Portfolio Item


Quick Edit - Portfolio Item

Quick Edit – Change Image Cover Size


Quick Edit - Change Image Cover Size


 

Filter Portfolio Page

Also to make it easier for you to filter only Portfolio Parent Page, we provide option to show only spesific Portfolio Parent Page.

 

Portfolio Filter by Portfolio Parent Page


Portfolio Filter by Portfolio Parent Page


 

Sort Portfolio Page

We also provide very easy way to sort your portfolio item. you just need to click Sort By Order to enable drag and drop sort portfolio item.

 

Portfolio Item – Sort by Order Option


Portfolio Item - Sort by Order Option

Drag & Drop Sort Portfolio Item


Drag & Drop Sort Portfolio Item