Appears after 5000px of scrolling

Open Modal with animation.

Fancy alternative to sliders

Tutorials:

Stylable. Can be linked to dynamic data. Place an element inside to replace %. 

Any elements can be placed inside a content switcher, the first two child elements will always be the elements that will be switched when the content switcher is toggled. Use the toggle switch component to toggle as many content switchers as you wish.

The content timeline component acts as an individual item on a timeline. You can use them with static content by adding a container and placing a few of these components inside one after the other. If creating a dynamic timeline with a repeater, setting this up is as simple as enabling the ‘Add active classes on scroll’ and then changing the ‘active’ styles inside of the settings.

If creating a static timeline, only the first timeline component needs the ‘Add active classes on scroll’ setting enabled. You’ll also need to give the container (ideally a div) the attribute ‘data-content-timeline’. This will then set things up to have the container div behave as the timeline container. For changing styles both default and active, it’s recommended to use classes so the styles can be shared across all components inside of the timeline.

This components provides a simple way to add animated counters which will count up or down to a specified number with custom easing and duration support.

Album Ideas

Currently, this component is set to be used with ACF repeater fields or Metabox Group fields (that are set to be cloneable).

For ACF, add in the name of the repeater field, and then the names of the subfields for both the tabs and the tabs content is needed.

For Metabox, add in the ID of the cloneable group field, and then the IDs of the fields for both of the tabs and the tabs content.

As with the Pro Accordion, these fields can be text, textarea or WYSIWYG editor depending on what type of content you’re expecting to be added.

This component provides an easy way to add and visually style any fluent form directly inside Oxygen. The WP Fluent Form plugin must be active for this component to function.

Link to Lottie JSON files