OxySites Slider

The OxySites Slider is an embeddable Element and supports the embedding of the following Oxygen Elements:

  • Basic Elements if they are embedded next to each other hierarchically. For example, having a Text element below a Heading element below a Div element, inside the slider element, would be perfectly fine. The hierarchy would look as shown in the following image.
  • One Easy Posts element inside slider element exclusively.
  • One Repeater element inside slider element exclusively.
  • Oxygen WooCommerce Products List element inside slider element exclusively.

Add a Slider Element

To add a slider element from the elements panel go to OxySites ➟ Slider.

Slider Example Basic

An example of a slider with basic elements could look something like the following:

Slider Example Easy Posts

1.) Add the Easy Posts Element to the Slider Element.

2.) From the Easy Posts Presets choose one of the grid layouts to your liking.

3.) In the easy posts control panel choose Grid Layout.

4.) Make sure to disable the grid. To do that click on Enable Grid twice.

Slider Examples Repeater and Products List

Add the Element Repeater or Products List to your slider and adjust them in the known ways to your liking. The element structures would look like the following:

Slider Styling

Style and position slider, and slider navigation with a multitude of options to achieve whatever layout you like.

Slider Configuration

To preview changes, please hit the "Apply Params" Button after editing any of the below options.

Modes

Set the mode of movement of the slider. Free-Snap and Free mode (with the default drag functionality) should be previewed on frontend.

  • Snap (default)
  • Free-Snap
  • Free

Autoplay

Set slider autoplay. Autoplay stops upon drag and mouseover events.

Slides Per View

Number of slides per view.

Drag Speed

Adjust the speed that is translated to the slider when dragging - minus values would invert the swipe direction. Should be previewed on frontend.

Slider Animation Duration

Set the animation duration for the "snap"-mode.

Initial Slide Index

Index of the initial activated slide.

Slider Loop

Infinite loop of slides.

Slide Spacing

Spacing between slides in pixel.

Vertical Slider

Set the slider direction to vertical.

cross