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:
- Official Visual Composer FAQ page
- Getting Started With Visual Composer Guide
- Visual Composer: A Guide To Drag & Drop Page Building
- How to Add Row and Column with Visual Composer.
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:
- 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>
Home Full Gallery
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>
Home Flow Gallery
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):
Home Gallery with Left Filter
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>