![]() ![]() The Web Player method also allows for simple interactive effects. That’s because that method is much more complex, and if you’re simply looking for a way to add a lottie to Oxygen Builder, there are easier ways. Note: we are using the Web Player method for most of this article, not the Bodymovin JS libraries, which is the official way to add a lottie to a web property. So no cheatsheet, no matter how much I plug it in this article and video - SORRY!). Also, check out the Cheatsheet (UPDATE: unfortunatly I lost the cheatsheet. ![]() Best of all, when compared to a video and gift, the impact on performance is utterly negligible. #Wordpress using unpkg how toThis article is going to cover how to add a basic looping animation, make the animation interactive in regards to the scroll position on your page, only play it when hovering over it with your mouse, and even toggle the lottie animation on click.Īs you'll see, it's relatively easy to add a lottie to your website built with oxygen, and it adds a unique touch that makes the end product alot more professional and interesting to your users. #Wordpress using unpkg codeInstead, we're going to use a code block, two JavaScript libraries, and some simple copying and pasting to integrate lotties into our website. Unlike other page builders, Oxygen Builder does not have a native integration too easily add lotties to your website. In this blog post, we're going to be discussing how to add lotties to your Oxygen Builder website. It's very lightweight, and as a modern and professional touch to any website. The script will be loaded into all pages, and onload GWI’s autodiscover function will be run ensuring all gobi stories are rendered properly.Lottie are a type of animation that is created to replace GIFs and videos. While you could inject GWI yourself into the header via some plugin or via extending your websites theme, this is sometimes prone to errors and may not work as intended, and requires a lot more technical know-how. GWI is a required script for your gobi-stories to be displayed properly. The purpose of the call is to enable you to easily find and use a compatible version of GWI with your website. ![]() This plugin will call and use the remote script for the Gobi Web Integration (“GWI”). The current list of supported properties are: The properties must be supplied in snake_case instead of the standard camelCase Available propertiesĪll standard gobi properties are available to use in the gobi shortcode. Options for setting default colors will be implemented in an upcoming version. Multiple stories Įnable Shadow DOM Ĭustom color Example uses Simple use with single story If you need a specific version of the Gobi Web Integration installed, this can be tuned in the plugin’s settings. The plugin ensures that all the proper scripts are automatically loaded. This story is then autodiscovered automatically on page load. The shortcode renders a gobi-story in your article, post or page in-place. The primary functionality of the plugin consists of the shortcode gobi. This plugin enables you to easily add video content in the story format created in to your web page. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |