Media Slider

Have you ever wished you could mix videos and images in a slideshow on your site? Wish no more! The new Media Slider widget allows media to be mixed in any way you like. Each slide in the slider accepts images, video and even gifs. 


This do-it-all widget represents the most powerful and flexible slideshow widget in our entire library. Five different layout styles allows you to display your media as a carousel, vertical slider and more. Additionally, content can be mixed and matched as you like on a per-slide basis.


Preview: https://demo.wocode.com/media-slider

SETUP

WIDGET PLACEMENT

  • Drop the widget onto your site and place it in a row or column where you would like the media slider to be seen.

ADD PHOTOS AND VIDEOS

Add a media file by clicking + Add new slide and then + Click to add media.

To add multiple media files at once, click the + Add multiple files button.

Both options will open up the Media Manager window where you can choose existing files or upload new ones.

You can choose between the Images or Videos tabs at the top of the Media Manager to access different media types.

If you want to replace or edit an existing image or video, click on the slide and this will open the “Slide Settings.”

From the slide settings, the Replace button will open up the Media Manager again; the Edit button will open up the editing options.

ADDITIONAL OPTIONS

Each slide in the slider has a list of options within the slide settings, including:

  • Position: Sets the position of the image or video relative to the slider widget's container
  • Alt Text: Provides search engines with additional information about your image
  • Slide Title: Title text that is visible on the slide
  • Slide Description: Description text that is visible on the slide
  • Button: Sets where the button on the slide links to

You can remove a slide from the slider by hovering the slide and clicking the white trash can icon. You can re-order images by clicking and dragging.


Alternatively, all slides can be deleted at once by using the Delete All button located to the right of the + Add new slide button.

Using the Design tab, you can customize the layout, slider transition, text (placement, style, color), images, background, effects, and spacing.

Note that the layout style selector is how you choose between slider modes like carousel, vertical and classic.