Banner Opengraph

Event Carousel scroll

Documentation, Features, JS Events, WP grid builder

Carousel scroll This event is triggered when the carousel scrolls. Argument Type Description progress number How far slider has moved, from  at the first slide to  at the end positionX number Position in X axis in pixels. [pastacode lang=”javascript” manual=”wpgb.carousel.on(%20’scroll’%2C%20function(%20progress%2C%20positionX%20)%20%7B%0A%09%0A%09console.log(%20’scroll%20progress’%2C%20progress%20*%20100%20%2B%20’%25’%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

Action layout wrapper start

Documentation, PHP actions, WP grid builder

/layout/wrapper_start This action is fired after the HTML layout wrapper start. It allows to add custom HTML after the layout wrapper start. [pastacode lang=”php” manual=”function%20prefix_wrapper_start()%20%7B%20%0A%0A%09%2F%2F%20Output%20your%20HTML%20here.%0A%0A%7D%0A%0Aadd_action(%20’wp_grid_builder%2Flayout%2Fwrapper_start’%2C%20’prefix_wrapper_start’%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

Event Grid removed

Documentation, JS Events, WP grid builder

Grid removed This event is triggered after grid items are removed from the layout. Argument Type Description items array Hold grid items [pastacode lang=”javascript” manual=”wpgb.grid.on(%20’removed’%2C%20function(%20items%20)%20%7B%0A%09%0A%09console.log(%20’removed’%2C%20items%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

Event Carousel dragMove

Documentation, JS Events, WP grid builder

Carousel dragMove This event is triggered when dragging moves and the slider moves. Argument Type Description event object Original event object distance object Vector distances (x, y) of the pointer [pastacode lang=”javascript” manual=”wpgb.carousel.on(%20’dragMove’%2C%20function(%20index%2C%20distance%20)%20%7B%0A%09%0A%09console.log(%20’dragMove’%2C%20event%2C%20distance%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

Carousel methods

Documentation, JS Methods, WP grid builder

Carousel methods This method allows to initialize the carousel. It’s mainly used if you destroy() the instance. Otherwise, there isn’t any reason to init() the carousel since it’s automatically done by the plugin on load. [pastacode lang=”javascript” manual=”wpgb.carousel.init()%3B” message=”” highlight=”” provider=”manual”/] You can destroy the carousel instance at any time thanks to this method. [pastacode…

Activate Plugin License

Plugin License

Documentation, Getting Started, WP grid builder

Plugin License A license key is provided once you purchase Gridbuilder ᵂᴾ. This license key belong to the email from which you purchased the plugin. In order to benefit of automatic updates from WordPress dashboard you need to activate the plugin. Log in to your WP install From the Administration Panels, click on the Gridbuilder ᵂᴾ…

Banner Opengraph

Event Lightbox update

Documentation, JS Events, WP grid builder

Lightbox update This event is triggered when the lightbox changes and updates item information. Argument Type Description item node Node opened in the lightbox [pastacode lang=”javascript” manual=”wpgb.lightbox.on(%20’update’%2C%20function(%20item%20)%20%7B%0A%09%0A%09console.log(%20’update’%2C%20item%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

Event Lightbox load

Documentation, JS Events, WP grid builder

Lightbox load This event is triggered before the lightbox item starts to be loaded. Argument Type Description item node Node opened in the lightbox [pastacode lang=”javascript” manual=”wpgb.lightbox.on(%20’load’%2C%20function(%20item%20)%20%7B%0A%09%0A%09console.log(%20’load’%2C%20item%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]

Banner Opengraph

event Lightbox dragMove

Documentation, JS Events, WP grid builder

Lightbox dragMove This event is triggered when dragging moves and the lightbox moves. Argument Type Description event object Original event object distance object Vector distances (x, y) of the pointer [pastacode lang=”javascript” manual=”wpgb.lightbox.on(%20’dragMove’%2C%20function(%20event%20)%20%7B%0A%09%0A%09console.log(%20’dragMove’%2C%20event%2C%20distance%20)%3B%0A%0A%7D%20)%3B” message=”” highlight=”” provider=”manual”/]