Create Home page

Let’s proceed with creating our pages. Here are some useful links to Visual Composer tutorials, which may be useful when building a page:

The whole page is build with the following elements: Rows, Block containers, Content blocks, Gaps, Columns and Blogger shortcode.

Notice: All images in Whizz theme can be used only on demo version. You will need to upload your own images for your site.

It is possible to create as many options of the page, as you want. But, you can also use the same style we have provided ( as on our demo). The following steps will be required to create the page:

  1. Go to Pages > Add New and create a new page:

    2. Specify a name for it (e.g. Home 1) and click on “Publish” button:

    3. Navigate to  Backend Editor (Classic Mode) > Add Element. A set of shortcodes will be open after that:

Notice: All images in Whizz theme can be used only on demo version. You will need to upload your own images for your site.

Find below templates for the following Home pages:

Home Full Modern Slider

Backend. 

Here is how it looks in the VC’s backend editor. Add a shortcode Full Modern slider according to the screenshot below.

Full Modern slider shortcode. In the settings just upload images and save changes:

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][modern_slider images="3505,3490,3589"][/vc_column][/vc_row]

Home image

Backend.

 Add a shortcode  Image banner according to the screenshot below.

In the shortcode settings select the following options:

  • Style banner – default
  • Full height – click on Yes, please
  • Top align text –   —
  • Heading – H1
  • Title/Subtitle – add the title/subtitle
  • Description – add short description text
  • Button text – add title for button
  • Button URL – add link which will lead from button
  • Background image – upload image
  • Show overlay –   —

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_banner height="yes" btn_text="See more" btn_url="http://test.viewdemo.co/wp/whizz//our-team/" title="RAINY NIGHT" image="3423" subtitle="Night Portraits" description="Well, I love a rainy night. It's such a beautiful sight. Watch the lightning, when it lights up the sky. You know it makes me feel good."][/vc_column][/vc_row]<br<br>

Home With Animation 

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>

Home Exhibition 

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>

Home Slideshow Kenburns page

Backend. Add KenBurns slider shortcode according to the screenshot below:

KenBurns slider shortcode:

  • Image for banner – upload images
  • Style slider – Zoom effect 
  • Sound background – upload the sound
  • Sound autoplay – click on Yes

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][ken_burns_slider sound_autoplay="true" images="3401,3400,3390,3399" whizz_file="http://test.viewdemo.co/wp/whizz//wp-content/uploads/2017/02/book1-prelude01-1.mp3"][/vc_column][/vc_row]<br>

Home Split Slider

Backend. 

Portfolio slider shortcode parameters:

  • Style – slider masonry 
  • Image original size – full
  • Select categories – choose categories
  • Order by – Date
  • Sort order –  descending
  • Autoplay – 5000
  • Speed – 1000
  • Loop – click on yes
  • Count items – —
  • Linked to detail 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>

Home Albums slider 

Backend. Add Portfolio slider shortcode according to the screenshot below:

Portfolio slider parameters:

  • Style – slider masonry 
  • Image original size – full
  • Select categories – choose categories
  • Order by – Date
  • Sort order –  descending
  • Autoplay – 5000
  • Speed – 1000
  • Loop – click on yes
  • Count items – —
  • Linked to detail 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>

Home Showcase

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>

Home albums Swiper

Backend

Portfolio slider shortcode 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>

Here are the next few samples:

Home Splitted  Slider

Backend

Portfolio slider shortcode parameters:

  • Style – spitted slider
  • Image original size – full 
  • Selected categories – choose categories from the list
  • Order by –  —
  • Sort order – descending
  • Loop – yes 
  • Height – full height 
  • Custom height –  —
  • Controls – 0
  • Count items –  —
  • Linked to detail 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]<br>

Backend.

Whizz gallery shortcode:

  • Type gallery – infinite scroll full gallery
  • Images – upload images
  • Amount images per page – 16

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_justified_gallery type="infinite_full_gallery" amount_images_per_page="16" images="3390,3392,3423,3339,3405,3399,3428,3412,3421,3411,3406,3341,3400,3338,3397,3401,3323,3426,3425,3420"][/vc_column][/vc_row]<br>

Backend. Add shortcode according to the screenshot below:

Whizz Gallery shortcode parameters:

  • Type Gallery – Flow gallery
  • Images – upload images

Configuration:

  • Loop – yes
  • Autoplay –  yes 

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_justified_gallery type="flow_gallery" loop="1" autoplay="1" keyboard_flow="true" mousewheel_flow="true" controls_flow="true" images="3473,3479,3481"][/vc_column][/vc_row]<br>

Home Parallax

Backend. In Portfolio details section choose the following options:

  • Image gallery – upload images 
  • Select size for images of gallery – full
  • Select style for gallery – parallax
  • Social sharing in portfolio post – no
  • Navigation in portfolio post – no
  • Select header style – fixed transparent 
  • Fixed and transparent footer  – yes
  • Enable Footer copyright – no
  • Enable Footer widgets – no

Home zoom slider

Backend. Add  shortcode according to the screenshot below:

Fullscreen slider shortcode parameters:

  • Type – zoom
  • Images for banner – upload the images
  • Sound background – upload the sound 
  • Sound autoplay –  click on yes

Animation:

  • Disable window scroll – click on yes
  • Autoplay – 4000
  • Speed – 1500

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_justified_gallery type="infinite_full_gallery" amount_images_per_page="16" images="3390,3392,3423,3339,3405,3399,3428,3412,3421,3411,3406,3341,3400,3338,3397,3401,3323,3426,3425,3420"][/vc_column][/vc_row]<br>

Home Classic Grid

Backend.

Portfolio list shortcode:

  • Style – classic big
  • Image original size – large 
  • Select categories – choose categories from the list
  • Sort order – Descending 
  • Select count of items – three
  • Select hover for items – blur+ gray scale
  • Count items – 6 
  • Enable button “Load more” – click on yes 
  • Linked to detail page – yes

Plain code:

[vc_row desctop_mt="margin-lg-0t" desctop_mb="margin-lg-40b" mobile_mt="margin-xs-15t" mobile_mb="margin-xs-30b" css=".vc_custom_1504259852631{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="hover7" loadmore="yes" pager="yes" pagination="on" lightbox="yes" count="6"][/vc_column][/vc_row]<br>

Home Albums Slider Info

Backend.

Portfolio slider shortcode parameters:

  • Style – slider simple 
  • Image original size – full 
  • Selected categories – choose categories from the list
  • Order by –  date
  • Sort order – descending
  • Autoplay – 5000
  • Speed – 1000
  • Loop – yes 
  • Linked to detail 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>

Home Landing Split 

Backend.

 Portfolio slider shortcode 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]

Home Slider Transition

Backend.

Slider transition shortcode:

  • Images – upload images 

Plain code: 

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_banner_slider images="4945,4877,4444,4442"][/vc_column][/vc_row]<br>

A list of templates for the following pages ( marked with red):

Backend. For the below mentioned page use Custom text  and Gallery with left filter shortcodes:

Custom text parameters:

  • Style – Style 4 
  • Element position – default
  • Heading for title  – H1 
  • Title – add title 

Gallery with left filter shortcode:

  • Select Albums – choose albums from the list
  • Style for gallery – 3 columns
  • Enable sort images by random – click on yes 

Plain code:

[vc_row tablets_mt="margin-sm-10t" tablets_mb="margin-sm-20b" kswr_row_top_decor_enabled="false" kswr_row_bottom_decor_enabled="false"][vc_column][whizz_custom_text_block style="style4" title="LEFT FILTER"][/whizz_custom_text_block][/vc_column][/vc_row][vc_row desctop_mb="margin-lg-40b" kswr_row_top_decor_enabled="false" kswr_row_bottom_decor_enabled="false"][vc_column desctop_mb="margin-lg-45b" tablets_mb="margin-sm-0b"][whizz_gallery_left_filter albums="3537,265,2697,3539,3541" random="on"][/vc_column][/vc_row]<br>

Home Freelancer page

Backend. Add the following shortcodes – Image banner, Portdolio list,Custom text block:

Image banner parameters:

  • Style banner – center content
  • Full height –     –
  • Top align text –     –
  • Heading – H1
  • Title/Subtitle – add the title/subtitle
  • Description – add short description 
  • Background image – upload image 
  • Show overlay – click on to enable overlay

Portfolio list:

  • Style – grid with category
  • Image original size – full
  • Select categories –  choose from the list
  • Sort order – descending
  • Select count of columns – three
  • Select hover for items – default
  • Add category filter – click on Yes, please
  • Linked to detail page – yes

Custom text block:

  • Style – style 3
  • Element position – default 
  • Heading for title – H1
  • Text – add short description
  • Button text/URL – add title and URL link 

Plain code:

[vc_row full_width="stretch_row_content_no_spaces" css=".vc_custom_1501157546486{background-color: #f0f0f0 !important;}"][vc_column css=".vc_custom_1480690185511{padding-top: 0px !important;padding-right: 0px !important;padding-left: 0px !important;}"][whizz_banner style="center_content" overlay="yes" title="I'M WHIZZ" subtitle="Greetings!" description="I create products, that are beatiful and enjoyable to see." image="4356"][/vc_column][/vc_row][vc_row desctop_mt="margin-lg-80t" tablets_mt="margin-sm-30t" mobile_mt="margin-xs-0t" desctop_pt="padding-md-35t"][vc_column css=".vc_custom_1480689524761{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_portfolio_list style="grid_category" cats="branding,concept,design,product" columns_number="col-3" filter="yes" count="12"][/vc_column][/vc_row][vc_row desctop_mt="margin-lg-45t" desctop_mb="margin-lg-80b" tablets_mt="margin-sm-15t" tablets_mb="margin-sm-20b" mobile_mt="margin-xs-0t" mobile_mb="margin-xs-0b"][vc_column desctop_mb="margin-lg-35b"][whizz_custom_text_block style="style3" btn_text="HIRE US" btn_url="http://test.viewdemo.co/wp/whizz//contact-us-style-one/"]If you have some interesting ideas about new product - I'm glad to work with you![/whizz_custom_text_block][/vc_column][/vc_row]<br>

Home Wedding page

Backend. 

Choose shortcodes according to the screenshots below: Portfolio slider, Custom text block, Pricing gallery, Twitter posts

  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

Custom text block:

  • Style – style 3
  • Element position – default
  • Heading for title – H1
  • Subtitle – add your own title
  • Text – add short text description

Pricing Gallery:

  • Images – upload images
  • Title/Subtitle – add your own title /subtitle
  • Currency – insert currency symbol
  • Price – add the price value
  • Description – add short description
  • Button title/URL– the URL where link from button leads to

Twitter Posts parameters:

Style – slider

Users:

  • Twitter users – add user name
  • Select icon – choose icon from the list 

Plain code:

[vc_row full_width="stretch_row_content_no_spaces" desctop_mb="margin-lg-10b"][vc_column][whizz_portfolio_slider style="carousel" cats="weddings" orderby="title" order="ASC" autoplay="5000" speed="1300" loop="true"][/vc_column][/vc_row][vc_row desctop_mt="margin-lg-80t" desctop_mb="margin-lg-75b" tablets_mt="margin-sm-50t" tablets_mb="margin-sm-35b" mobile_mt="margin-xs-20t" mobile_mb="margin-xs-5b"][vc_column][whizz_custom_text_block style="style3" subtitle="ABOUT ME"]Every wedding day moment looks away thousands of untold emotions, thoughts, and memories that become priceless over time. I will work with you to guarantee that Your wedding photos and video capture your unique style & vision while staying within or below budget.[/whizz_custom_text_block][/vc_column][/vc_row][vc_row desctop_mb="margin-lg-80b" mobile_mb="margin-xs-20b"][vc_column][whizz_pricing_gallery images="3535,3516,3531,3528,3534,3523,3520,3533,3518" title="Wedding photo" subtitle="ONLY NOW" currency="$" price="899" description="Like My works ? Let’s be a friends on Your next wedding :)" button="url:http%3A%2F%2Fdev.viewdemo.co/wp/whizz%2Fcontact-me%2F|title:Contact%20me||"][/vc_column][/vc_row][vc_row][vc_column desctop_mt="margin-lg-10t"][whizz_custom_text_block style="style3" subtitle="WHAT DO CLIENTS SAY"][/whizz_custom_text_block][/vc_column][/vc_row][vc_row desctop_mb="margin-lg-80b" mobile_mb="margin-xs-20b"][vc_column desctop_mb="margin-lg-45b" offset="vc_col-lg-offset-1 vc_col-lg-10 vc_col-md-offset-0 vc_col-md-12"][whizz_twitter_one style="slider" users="%5B%7B%22twitter_user_slider%22%3A%22filder_muko%22%2C%22icon_slider%22%3A%22fa%20fa-twitter%22%7D%2C%7B%22twitter_user_slider%22%3A%22kell_brianaa%22%2C%22icon_slider%22%3A%22fa%20fa-quote-right%22%7D%2C%7B%22twitter_user_slider%22%3A%22FilderAndrew%22%2C%22icon_slider%22%3A%22fa%20fa-twitter%22%7D%2C%7B%22twitter_user_slider%22%3A%22david_karletto%22%2C%22icon_slider%22%3A%22fa%20fa-quote-right%22%7D%2C%7B%22twitter_user_slider%22%3A%22TindeAlisa%22%2C%22icon_slider%22%3A%22fa%20fa-twitter%22%7D%5D"][/vc_column][/vc_row]<br>

Home Stripped Page

Backend

Whizz Stripped shortcode:

  • Image – upload image 
  • Title/Subtitle – add title/subtitle 
  • URL – the link which will lead from title/subtitle

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column width="1/3" css=".vc_custom_1503500775760{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_stripped image="4526" title="About" subtitle="Find some interesing information" link="http://test.viewdemo.co/wp/whizz//about-me-style-one/"][/vc_column][vc_column width="1/3" css=".vc_custom_1503500770476{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_stripped image="4606" title="Blog" subtitle="I Am author of this blog posts" link="http://test.viewdemo.co/wp/whizz//blog/"][/vc_column][vc_column width="1/3" css=".vc_custom_1503500780666{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_stripped image="4607" title="Contacts" subtitle="We are always glad to hear you" link="http://test.viewdemo.co/wp/whizz//contact-me/"][/vc_column][/vc_row]<br>

Home Big Gap

Backend.

Portfolio list parameters:

  • Style – grid
  • Image original size – full
  • Select categories – choose the categories from the list
  • Sort order – descending
  • Select count of columns – three
  • Select hover for items – slide
  • Reverse hover – click on Yes, please
  • Link 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]

Home Thumbnails Slider

Backend.

Whizz gallery parameters:

  • Type gallery fullscreen thumbnail
  • Images – upload images 

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_justified_gallery type="with_thumbnile" images="3341,3403,3397,3332,3338,3406,3411,3420,3424,3340,3428,3396,3394,3393,3392,3391,3390,3427,3339,3400,3402,3423,3425,3426"][/vc_column][/vc_row]<br>

Home Full Slider

Backend

Portfolio slider parameters:

  • Style  – Slider classic 
  • Image original size – full
  • Select categories – choose categories
  • Sort order – Acsending
  • Autoplay – 4000
  • Speed – 1500
  • Loop – yes 
  • Link to detailed page – yes

lain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_portfolio_slider style="slider_classic" cats="street" order="ASC" autoplay="4000" speed="1500" loop="true"][/vc_column][/vc_row]<br>

Home Animated Portfolio 

Backend. In Portfolio details select the following options:

  • Image gallery – upload images
  • Select size for images of gallery– full
  • Select style for gallery – Modern Masontry
  • Enable load more button – off
  • Select hover style – default from gallery style
  • Select count of columns  – three
  • Fixed and transparent footer  -off
  • Enable Footer copyright – off
  • Enable Footer widgets – yes

Shortcode parameters: 

  • Style – style 3
  • Element position – default
  • Heading for title – H1
  • Text – add short title

Plain code:

[vc_row desctop_mt="margin-lg-40t" desctop_mb="margin-lg-25b" tablets_mt="margin-sm-0t" tablets_mb="margin-sm-0b"][vc_column][whizz_custom_text_block style="style3"]  ANIMATED PORTFOLIO [/whizz_custom_text_block][/vc_column][/vc_row]<br>

Find below the list of Home pages:

Home Portfolio

Backend. The following shortcodes should be used: Image banner, Custom text block, Portfolio list, Twitter Posts

Image Banner parameters:

  • Style Banner – center content
  • Full Height – click on, yes please
  • Heading – H1
  • Title/Subtitle – add the title/subtitle
  • Description – add short description
  • Button text/url – add link and title for button
  • Image background – upload image

Custom text block parameters:

  • Style – style 3
  • Element position – default
  • Heading for title – H1
  • Subtitle/Text  – add your own subtitle and text
  • Button text/URL – add title for button and the URL where the link from the button leads to.

Portfolio list

Plain code:

[vc_row full_width="stretch_row_content_no_spaces" desctop_mb="margin-lg-60b" tablets_mb="margin-sm-20b" mobile_mb="margin-xs-25b"][vc_column][whizz_banner style="center_content" height="yes" btn_text="See more" btn_url="http://wp.themedemo.co/whizz/our-team/" title="PHOTOSHOOT" subtitle="Street" description="New York studio and outdoor commercial photography by professional photographer Whizz" image="3340"][/vc_column][/vc_row][vc_row desctop_mt="margin-lg-30t" desctop_mb="margin-lg-80b" tablets_mb="margin-sm-10b" mobile_mt="margin-xs-0t"][vc_column desctop_mb="margin-lg-30b"][whizz_custom_text_block style="style3" subtitle="ABOUT ME" btn_text="Say hello" btn_url="http://wp.themedemo.co/whizz/about-me-style-one/"]My greatest ambition is to create powerful images that commemorate, across generations, the people we love and the good times we have had. Creativity, hard work and experience are the engines that keep it all going.[/whizz_custom_text_block][/vc_column][/vc_row][vc_row desctop_mt="margin-lg-5t" desctop_mb="margin-lg-80b" mobile_mb="margin-xs-25b"][vc_column desctop_mb="margin-lg-30b" css=".vc_custom_1497425801018{padding-right: 0px !important;padding-left: 0px !important;}"][whizz_portfolio_list style="masonry_modern" cats="creativity" columns_number="col-3" reverse="yes" 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" count="6"][/vc_column][/vc_row][vc_row desctop_mb="margin-lg-80b"][vc_column width="1/2" desctop_mb="margin-lg-10b" tablets_mb="margin-sm-50b" offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-12"][whizz_twitter_one twitter_user="filder_muko" icon="fa fa-twitter"][/vc_column][vc_column width="1/2" desctop_mb="margin-lg-10b" tablets_mb="margin-sm-50b" offset="vc_col-lg-4 vc_col-md-4 vc_col-xs-12"][whizz_twitter_one twitter_user="kell_brianaa" icon="fa fa-quote-right"][/vc_column][vc_column width="1/2" desctop_mb="margin-lg-60b" tablets_mb="margin-sm-25b" offset="vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-3 vc_col-xs-12"][whizz_twitter_one twitter_user="david_karletto" icon="fa fa-twitter"][/vc_column][/vc_row]<br>

Home Full Video

Backend

Video banner parameters:

  • Preview image – upload image
  • Video link – insert your video link
  • Autoplay – click on yes
  • Video ends at  (sec)  – 63

Plain code:

[vc_row full_width="stretch_row_content"][vc_column css=".vc_custom_1498115244165{padding-right: 0px !important;padding-left: 0px !important;}"][video_banner video_link="https://www.youtube.com/watch?v=2o2_cgEmSGc" autoplay="on" mute="" showinfo="" end="63" loop="" preview="3507"][/vc_column][/vc_row]<br>

Home Full Screen Youtube

Backend.

Full screen video parameters:

  • Video type – Youtube 
  • Video link – insert video link
  • Autoplay video – click on yes, please

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_vimeo type="youtube" video_link="https://www.youtube.com/watch?v=YMurlapfouo" autoplay="yes"][/vc_column][/vc_row]<br>

Home Full Screen Vimeo 

Backend.

Full screen video parameters:

  • Video type – Vimeo
  • Vimeo video ID – add vimeo video ID
  • Autoplay video – click on Yes, please

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][whizz_vimeo autoplay="yes" url="134008155"][/vc_column][/vc_row]<br>

Home Video Portfolio

Backend. Add Video shortcode in the order as it is shown below:

Video parameters:

  • Preview image – upload image
  • Title –  add title
  • Start play – hover
  • Video services – YouTube
  • Video link – insert your link 

Plain code:

[vc_row desctop_mt="margin-lg-10t"][vc_column width="1/3"][video_shortcode title="PRETIUMER" type_start="hover" video_link="https://youtu.be/fG8aPSsx3G0" controls="" mute="" showinfo="" preview="4440"][/vc_column][vc_column width="1/3"][video_shortcode title="GOLDEN NATURE" type_start="hover" video_link="https://youtu.be/Ik1nUryjC3k" controls="" mute="" showinfo="" preview="4389"][/vc_column][vc_column width="1/3"][video_shortcode title="CATALONIA" type_start="hover" video_link="https://youtu.be/wN8_eb3l0mw" controls="" mute="" showinfo="" preview="4441"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][video_shortcode title="HAPPINESS" type_start="hover" video_link="https://youtu.be/7TZgAI9R0fk" controls="" mute="" showinfo="" preview="4442"][/vc_column][vc_column width="1/3"][video_shortcode title="MOUNTAINS" type_start="hover" video_link="https://youtu.be/U3r62Np_pxY" controls="" mute="" showinfo="" preview="4443"][/vc_column][vc_column width="1/3"][video_shortcode title="BEST TRAVEL" type_start="hover" video_link="https://youtu.be/xsLGWbfY53k" controls="" mute="" showinfo="" preview="4444"][/vc_column][/vc_row][vc_row desctop_mb="margin-lg-60b" tablets_mb="margin-sm-30b"][vc_column width="1/3"][video_shortcode title="JUST IDEAL PLACE" type_start="hover" video_link="https://youtu.be/1vOmk5wsxuU" controls="" mute="" showinfo="" preview="4445"][/vc_column][vc_column width="1/3"][video_shortcode title="JUNIOR SCHOOL" type_start="hover" video_link="https://youtu.be/Bk902XTVsYY" controls="" mute="" showinfo="" preview="4446"][/vc_column][vc_column width="1/3"][video_shortcode title="THE REFLECTION OF SUMMER" type_start="hover" video_link="https://youtu.be/uoKu3huoIKg" controls="" mute="" showinfo="" preview="4452"][/vc_column][/vc_row]

Home Big Grid Album 

Backend.

Portfolio list:

  • Style – Grid Modern
  • Image original size – full
  • Select categories – choose from the list
  • Sort order – descending
  • Select count columns – three
  • Select hover for items – default
  • Count items – 9
  • Enable “Load more ” button – click on to enable this option
  • 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_row]<br>

Home Vertical Slider

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>

Home Little Fragments

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><br>

Was this article helpful?

Related Articles