FullPage for Visual Composer

INTRODUCING – FULLPAGE FOR VISUAL COMPOSER

Now, create gorgeous scrolling fullscreen internet sites with Visual Composer, speedy and simple.This plugin simplifies advent of fullscreen scrolling internet sites with Wordpress and saves you big time.

Top Options

• Totally responsive.
• Touch enhance for mobiles, tablets, contact screen computer systems.
• Each And Every row as a full page phase. Full page sections are the vertical slides.
• Not Obligatory columns as slides. If decided on, each column behaves as horizontal slides.
• Complete web page scroll with optional visible scrollbar.
• Optional Car-top sections.
• Non-Compulsory fixed header and footer.
• CSS3 and (not obligatory) JS animations.
• Animated anchor links.
• Optional display/conceal anchor links in the cope with bar.
• Not Obligatory vertically centered row content material.
• Optional textual content resize while window is resized.
• Optional phase and slide loops.
• Optional segment only scrollbars.
• Not Obligatory keyboard beef up even as scrolling.
• Not Obligatory historical past document. Whilst that is enabled, browser back button will go to the former phase.
• Non-Compulsory horizontal and vertical navigation bars.
• Non-Compulsory responsive scrollbar. While responsive width and height given, a normal scroll page will probably be used beneath the given width and top values.
• NEW: Scroll overflow Scrollbar Choices (Hidden, Pale and Interactive scrollbar choices).
• NEW: Visual Composer local animations in sections and slides.
• Output CSS and JS minified.

Learn How To Use

Demo Video

Learn How To Use FullPage for Visible Composer with The7

The Way To Use FullPage for Visible Composer with Enfold

The Right Way To Use FullPage for Visual Composer with X-Subject

How One Can Use FullPage for Visual Composer with Bridge

Learn How To Use FullPage for Visible Composer with Salient

Learn How To Use FullPage for Visual Composer with Zephyr

Methods To Use FullPage for Visible Composer with TheFox

Methods To Use FullPage for Visible Composer with Jupiter

Themes Not Supported (In The Event You have certainly one of these issues, full page will not paintings so give a boost to might be waste of time.)

to use FullPage for Visual Composer, you've 3 options. In Case You have a theme that supports an empty web page template, you'll select Choice 1. Differently, please apply the stairs of Possibility 2 or 3.

Option 1: With Topic Empty Page Template
1. Permit empty page template of the subject the usage of Wordpress Page Templates.
2. Add important CSS to the web page using Visual Composer (the cog icon) to take away margins of topic wrappers, to take away most width of the web page wrapper and so on.
3. Observe the steps on ‘learn how to use FullPage for Visible Composer’.

Option 2: With Complete Web Page Empty Web Page Template
1. Practice the stairs on ‘the right way to use FullPage for Visual Composer’.
2. From Advanced tab of Complete Page options, Allow Empty Web Page Template.

Option THREE: With Customized Empty Web Page Template
1. Reproduction ‘template’ folder in the plugin directory.
2. Make your changes and duplicate it back to your server (do not reproduction it back below the plugin directory to keep the code on plugin update).
THREE. Follow the steps on ‘learn how to use FullPage for Visual Composer’.
FOUR. From Complicated tab of Complete Web Page choices, Permit Empty Web Page Template.
FIVE. From Advanced tab of Full Web Page options, set ‘Template Path’ to the path of the brand new template listing.

find out how to use FullPage for Visual Composer
1. Add rows with Visual Composer. Each row will likely be defined as fullpage phase. Layout your row content material.
2. Set margins of each row to 0.
THREE. From row settings, go to ‘Complete Page’ tab and choose ‘Complete Top’ of ‘Segment Behaviour’ choice. You'll choose ‘Vehicle Top’ when you need the row top dependent on the contents in place of window top.
4. at the ‘Complete Page’ tab and set your anchor name for those who want to use anchors. If the value is not set, an automated generated anchor name shall be used. The anchor identify can't be any IDENTIFICATION used within the HTML output. (do not set the anchor title the similar as row IDENTIFICATION.)
FIVE. at the ‘Complete Web Page’ tab and set your Tooltip text when you want to use tooltips.
6. Permit Complete page and configure full web page by fidgeting with options.

methods to Add Slides
1. Add columns to the row. Each And Every column will be defined as fullpage slides in the section.
2. Set margins of every column to 0.
3. From row settings, go to ‘Full Web Page’ tab and allow ‘Columns as Slides’.

find out how to Add Mounted Header
1. Upload row with Visual Composer. Design your header row content.
2. From row settings, go to ‘Complete Page’ tab and select ‘Complete Height’ of ‘Most Sensible Fastened Header’ choice.

easy methods to Upload Mounted Footer
1. Add row with Visual Composer. Design your header row content material.
2. From row settings, go to ‘Full Web Page’ tab and select ‘Full Top’ of ‘Bottom Fixed Footer’ choice.

Notes

• Visual Composer animations are supported just for local visible composer elements. this feature is experimental and may not work with some elements and topics with customized visual composer. If the function isn't used, Visible Composer animations can be viewed only for the first row. For Those Who use animations on other rows, they received’t get started and the items is not going to be visual.
• do not use row stretch, full width row, complete peak row and so forth.. options of Visual Composer. These options are needless with FullPage and the behaviour of the page changes whilst used. (corresponding to scrolling mechanism may not work and so on..)
• a few of the plugins that depend on scrolling mechanism akin to sticky menus, animations and the like. may war with FullPage. Please touch me on want, i can try to resolve the issue.
• some of the topics change the behaviour and structure of Visual Composer. For Those Who have one in all those subject matters, please observe the stairs underneath:
  1. Add ’> .vc_row’ (with out the apostrophes) to ‘Phase Selector’ possibility of Full Web Page settings at the Complex tab.
  2. When You use slides, upload ’> .vc_row > .wpb_column’ (with out the apostrophes) to ‘Slide Selector’ possibility of Complete Page settings at the Advanced tab.
  3. If You Happen To use most sensible fastened header, add ‘mcw_fp_fixed_top’ to ‘Further Class Identify’ of the top mounted header row.
  4. In The Event You use bottom fixed footer, add ‘mcw_fp_fixed_bottom’ to ‘Further Class Identify’ of the highest fixed header row.
• In The Event You want to make use of your theme header and footer, you can do it with a few CSS and maybe a few JS.
  1. Javascript code may well be essential to move the header under body in a few circumstances.
  2. Add essential CSS code to make it fixed at the most sensible or backside akin to the following CSS code:
  .YOUR_HEADER_CLASS_NAME position: fixed; z-index: 999999; top: 0px; width: 100%; .YOUR_FOOTER_CLASS_NAME position: fixed; z-index: 999999; bottom: 0px; width: 100%;
  YOU MAY need to discover the category names of your header and footer in your subject matter.
  3. Add ’.YOUR_HEADER_CLASS_NAME, .YOUR_FOOTER_CLASS_NAME’ to ‘Fastened Elements’ choice of Complete Web Page settings beneath Layout tab.

Credit

Way To Álvaro Trigo for superior fullpage.js jQuery plugin.

Support

Item beef up simplest comprises plugin techical/non-technical questions, model updates, said malicious program fixes and minor modification requests. FullpageJS adjustments are not incorporated in the enhance.

Touch me

• In The Event You need to ask a question in regards to the plugin.
• In Case You want me to check a subject matter.(This plugin is tested on most of the well-known themes that i've. If i have the subject i will tell you if it's supported or now not.)
• If You want reinforce with the plugin.

Changelog

v1.FIVE.0 (Jun 4 2016) - fullpage.js updated to 2.8.1 - New feature: Conceal scrollbar, fade scrollbar and interactive scrollbar on scroll overflow choices. - New characteristic: Visual Composer animations fortify (Unique thanks to Andrea Morone @IlTuoWebmaster) - Deprecated Resize text possibility is got rid of. - Removed replica paddingTop possibility. - Stability improvements - Metabox stability improvements. - Worm repair in the template record. v1.FOUR.THREE (Apr 08 2016) - fullpage.js up to date to 2.7.9 - Metabox bug repair.(Thanks yo milanbrouwer) v1.4.2 (March 27 2016) - Computer Virus repair. v1.4.1 (Feb 22 2016) - fullpage.js up to date to 2.7.8 - 2 new events are introduced, - Tooltip background and text color choices are brought. v1.FOUR.ZERO (Jan 26 2016) - fullpage.js up to date to 2.7.7. - Events are added. Now you'll write your own occasions in javascript and upload it to the full page. - Meta field is progressed. - Phase and slide selector choices are introduced to strengthen themes that use customized Visual Composer. - Complete page template is advanced for better fortify. - Other performance enhancements. v1.THREE.2 - Small trojan horse repair. v1.THREE.1 - Bug restore approximately meta box. v1.THREE.0 - Fixed header and footer rows are added. Now rows will also be outlined as mounted header or footer on the web page. - paddingTop and paddingBottom options are brought. - fixedElements characteristic is introduced. - Plugin and meta field enhancements and insect fixes. v1.2.0 - fullpage.js up to date to 2.7.6. - Worm restoration (Thanks To Nickid) - Enhancements and insect fixes. v1.1.1 - Trojan Horse repair (Way To h22uk) v1.1.ZERO - Templates are added. Now may also be used with any topic. - fullpage.js updated to 2.7.FIVE. - Listing index.php information are added. - Minor changes. v1.ZERO.0 - Initial Release
FULL DOWNLOAD