Create Album page..

Albums style one

Backend. Add Portfolio list shortcode as it in the screen below:

These Portfolio list parameters would be required:

  • Style – Classic Big
  • Image original size – large 
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of columns – three
  • Select hover for items – opacity
  • Count items – 6
  • Enable button “Load more” – click on to enable the option
  • Linked to detailed page – yes

Plain code:

[vc_row desctop_mb="margin-lg-80b" mobile_mt="margin-xs-15t" mobile_mb="margin-xs-30b" css=".vc_custom_1506931723702{padding-right: 0px !important;padding-left: 0px !important;}"][vc_column desctop_mb="margin-lg-50b" css=".vc_custom_1496748782716{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_portfolio_list style="cla_big" image_original_size="large" cats="albums-1" columns_number="col-3" hover="hover8" loadmore="yes" pager="yes" pagination="on" lightbox="yes" count="6"][/vc_column][/vc_row]<br>

Albums style two

Backend.

These are recommended parameters:

  • Style – simple
  • Image original size – large 
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of columns – four
  • Select hover for items – default
  • Count items – 16
  • Enable button “Load more” – click on to enable the option
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content" desctop_mb="margin-lg-80b" mobile_mb="margin-xs-40b"][vc_column desctop_mb="margin-lg-50b" mobile_mb="margin-xs-10b"][whizz_portfolio_list image_original_size="large" cats="album-2" loadmore="yes" count="16"][/vc_column][/vc_row]<br>

Albums style three

Backend.

The recommended shortcode parameters:

  • Style – Big Gap
  • Image original size – full
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of columns – two
  • Select hover for items – Gray scale
  • Show share icons – click on yes
  • Count items – 7
  • Linked to detailed page – yes

Plain code:

[vc_row][vc_column css=".vc_custom_1481727080363{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_portfolio_list style="big_gap" cats="album-2" columns_number="col-6" hover="hover5" show_share_icons="on" socials="%5B%7B%22icon%22%3A%22fa-facebook%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22icon%22%3A%22fa-pinterest-p%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22icon%22%3A%22fa-twitter%22%2C%22link%22%3A%22%23%22%7D%5D" skills="%5B%7B%22icon%22%3A%22facebook%22%2C%22number%22%3A%22-%22%7D%2C%7B%22icon%22%3A%22pinterest%22%2C%22number%22%3A%22-%22%7D%2C%7B%22icon%22%3A%22twitter%22%2C%22number%22%3A%22-%22%7D%2C%7B%22icon%22%3A%22linkedin%22%2C%22number%22%3A%22-%22%7D%5D" count="7"][/vc_column][/vc_row]<br>

Albums style four

Backend.

The recommended shortcode parameters:

  • Style – Grid
  • Image original size – full
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of columns – three
  • Select hover for items – slide
  • Reverse hover – yes
  • Linked to detailed page – yes

Plain code:

[vc_row desctop_mb="margin-lg-80b" tablets_mb="margin-sm-50b" mobile_mb="margin-xs-30b"][vc_column][whizz_portfolio_list style="grid" cats="album-2" columns_number="col-3" hover="hover2" reverse="yes"][/vc_column][/vc_row]<br>

Albums style five

Backend.

Parameters:

The recommended shortcode parameters:

  • Style – Grid Modern
  • Image original size – full
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of columns – three
  • Select hover for items – default
  • Count items – 9
  • Enable “Load more” button – click on to add the button
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces" desctop_mb="margin-lg-80b" tablets_mb="margin-sm-50b" mobile_mb="margin-xs-40b"][vc_column desctop_mb="margin-lg-50b" tablets_mb="margin-sm-30b" mobile_mb="margin-xs-0b"][whizz_portfolio_list style="grid_modern" cats="album-2" columns_number="col-3" loadmore="yes" count="9"][/vc_column][/vc_ro]

Albums style six

Backend.

Portfolio parameters:

  • Style – Slider Masontry
  • Image original size – full
  • Select categories – choose categories from the list
  • Order by – date 
  • Sort order – Descending 
  • Autoplay – 5000
  • Speed – 1000
  • Loop – click on to add the option
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column css=".vc_custom_1491463793943{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_portfolio_slider style="slider_masonry" cats="paradise" orderby="date" autoplay="5000" loop="true"][/vc_column][/vc_row]<br>

Albums style seven

Backend.

Parameters:

  • Style – slider simple
  • Image original size – full
  • Select categories – choose categories from the list
  • Order by – date 
  • Sort order – Descending 
  • Autoplay – 5000
  • Speed – 1000
  • Loop – click on to add the option
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider cats="dreams" orderby="date" autoplay="5000" loop="true"][/vc_column][/vc_row]<br>

Albums style eight

Backend.

Portfolio Slider parameters:

  • Style – Splitted Slider 
  • Image original size – full
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Loop – click on to add the option
  • Height – full height
  • Keyboard – click on to add the option
  • Controls – click on to add the option
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="splitted_slider" cats="splitted" sp_controls="on"][/vc_column][/vc_row]

Albums style nine

Backend. Add shortcodeas it is mentioned below and choose the same options in General page options:

Portfolio slider:

  • Style – Split slider
  • Image original size – full
  • Select categories – choose categories from the list
  • Sort order – Ascending
  • Count items – 4
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="split_slider" cats="new-faces,streets-smile,sweet-look,woman-portraits" order="ASC" count="4"][/vc_column][/vc_row]
<br>

Albums style ten

Backend. Add Portfolio slider shortcode as it shown in the screenshot below:

Portfolio slider parameters:

  • Style  – vertical slider
  • Image original size – full
  • Select categories – choose categories
  • Sort order – Acsending
  • Autoplay – 5000
  • Speed – 1500
  • Loop – yes 
  • Count items – 3
  • Link to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="vertical_slider" cats="behind,emotions,feelings" autoplay="5000" speed="1500" loop="true" count="3"][/vc_column][/vc_row]<br>

Albums style eleven

Backend

Portfolio list parameters:

  • Style – little fragments
  • Image original size – full
  • Select categories –  choose categories from the list
  • Sort order – Ascending 
  • Linked to detailed page – yes

Plain code:

[vc_row][vc_column][whizz_portfolio_list style="little_fragment" cats="fragments" order="ASC"][/vc_column][/vc_row]<br><br>

Albums style twelve 

 Backend

Portfolio slider  parameters:

  • Style – Centered Swiper
  • Image original size – full 
  • Selected categories – choose categories from the list
  • Order by –  —
  • Sort order – Ascending 
  • Title – add title 
  • Description – add short text description
  • Autoplay – 0
  • Speed -1000
  • Count items –  —
  • Linked to detail page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="album_swiper" cats="swipe" order="ASC" title="Hello" descr="During your engagement shoot or portrait session I will assist and direct you through posing"][/vc_column][/vc_row]<br>

Albums style thirteen

Backend.

 Add Portfolio with animation shortcode  according to the screenshot below:

In the shortcode select these options:

  • Image for original size – full
  • Select categories – choose categories
  • Order by –   –
  • Sort order – Ascending 
  • Count items –  –
  • Linked to detail page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_album_animation cats="must-have" order="ASC"][/vc_column][/vc_row]<br>

Albums style fourteen

Backend

Portfolio slider
parameters:
  • Style – landing split 
  • Image original size – full 
  • Selected categories – choose categories from the list
  • Order by –  –
  • Sort order – Ascending
  • Autoplay – 0
  • Speed – 1000
  • Loop – yes 
  • Linked to detail page – yes
  • Additionally button –  add URL link and title for the button

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="landing_split" cats="landing_split" order="ASC" button="url:http%3A%2F%2Fdev.viewdemo.co/wp/whizz%2Fcontact-us-style-one%2F|title:Contact%20Us||"][/vc_column][/vc_row]

Albums style fifteen

Backend

Portfolio slider shortcode parameters:

  • Style – showcase slider
  • Image original size – full 
  • Selected categories – choose categories from the list
  • Order by –  —
  • Sort order – Descending
  • Title – add title 
  • Description – add short text description
  • Autoplay – 4000
  • Speed -1500
  • Count items 
  • Linked to detail page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="showcase_slider" cats="albums-1" autoplay="4000" speed="1500" loop="true"][/vc_column][/vc_row]<br><br>

Albums style sixteen

Backend 

Add Exhibition Portfolio shortcode according to the screenshot below:

In the shortcode choose the following options:

  • Image original size – full
  • Select categories – choose categories from the list
  • Order by –  –
  • Sort order – ascending
  • Linked to detailed page – yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_exhibition cats="night-portraits" order="ASC"][/vc_column][/vc_row]<br><br>

Was this article helpful?

Related Articles