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.