Editing BB pages with fullPage.js jQuery plugin

Resolved Sogwap
(@sogwap)

10 years, 7 months ago

Recently I’ve been building a couple of single page scroll demos.
I am integrating this jQuery plugin with Beaver Builder.
http://alvarotrigo.com/blog/fullpage-jquery-plugin-for-fullscreen-scrolling-websites/

Here’s a demo of a one page (mini site) I built using BB and the fullPage.js plugin
http://sandbox.sogwap.net/bb-100-height-demo/

Here’s another (unfinished) demo using fullPage.js and BB
This demo scrolls content both horizontally and vertically. The horizontal scrolling is a presto slider built using BB.
http://sandbox.sogwap.net/side-scroll-demo/

The problem is since BB provides real-time editing, I have to manually disable the fullPage.js to edit this page.

I’m using Dynamik as my Genesis child theme, And I would think there would be a way to program a Dynamik Label or Conditional or Hookbox to enable my custom code only with the page is being viewed, but when editing that page do not activate my custom code.

Any help with this issue would be appreciate.

PS if this works, This could be a new use for BB, to allow building cool one page sites. See the second link above for an example.

https://wordpress.org/plugins/beaver-builder-lite-version/

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Contributor Ben Carlo
(@hinampaksh)

10 years, 7 months ago
Hey Sogwap,

Thanks for posting! You can use a core builder method to check if it’s active or not. Try something like this…
```
if ( ! FLBuilderModel::is_builder_active() ) {
  // Load stuff!
}
```
Let us know if you’ve any questions with that.

Ben
Thread Starter Sogwap
(@sogwap)

10 years, 7 months ago

Hi Ben, thanks for responding.

The page in question is a Beaver Builder page. So I’m assuming BB will be active when editing and viewing the page.

Will this code return false when editing the page?
But true when the page is being viewed normally?

I need a code snippet that returns true only when being viewed normally. Will this work?

Plugin Author Justin Busa
(@justinbusa)

10 years, 7 months ago

Hey Sogwap,

Yep! FLBuilderModel::is_builder_active only returns true when the editor is active.

FLBuilderModel::is_builder_enabled returns true when the builder has been used to edit a post/page instead of the default editor.

Justin

bmen
(@bmen)

10 years, 6 months ago

that’s exactly what I’m looking. Please put this feature in BB. Thumb up

Plugin Contributor Ben Carlo
(@hinampaksh)

10 years, 6 months ago

Hey Bmen,

By feature did you mean the fullpage.js be incorporated to BB? Feel free to add that as a feature request on our User Voice Forums. 🙂

Ben
one3rdnerd
(@one3rdnerd)

9 years, 9 months ago
Is this incorporated into the plugin now? Not the fullpage.js but the
```
if ( FLBuilderModel::is_builder_active() ) {
  // Load stuff!
}
```
so I can set a specific theme template on pages where BB is active / in use? both while in edit mode and when looking at the published post?

Also referencing what they were discussing on this closed thread https://wordpress.org/support/topic/is-beaver-builder-in-use?replies=8

Thanks
Plugin Contributor Ben Carlo
(@hinampaksh)

9 years, 9 months ago

Hey One3rdnerd,

Thanks for posting!

Yes, that method’s already available on our builder along with FLBuilderModel::is_builder_enabled.

Hope this helps, and let us know if we can assist further! 🙂

Ben
one3rdnerd
(@one3rdnerd)

9 years, 9 months ago
The version I got to work in my theme was
```
if ( class_exists( 'FLBuilderModel' ) && FLBuilderModel::is_builder_enabled() ) {

}
```
Thanks
Plugin Contributor Ben Carlo
(@hinampaksh)

9 years, 9 months ago

Hey David,

I just realized you were the same guy that submitted a support ticket. 🙂

Glad we could help and enjoy!

Ben

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Editing BB pages with fullPage.js jQuery plugin’ is closed to new replies.