This widget is used to manage the rotating "feature" images at the top of you home page. It will display a series of photos with text, rotating in a loop from right to left. The slider comes with controls so a viewer can quickly flip through the available slides.


Recommendation - We recommend setting and keeping with a set height and width for the photos that are used in the Owl Slider. This will prevent elements below the widget from shifting up and down as the slides change.



How do I add this widget to a page?

  1. Click Edit Page
  2. Click the Edit Content icon (pencil) and select either Insert before or Insert after
  3. Choose the Owl Slider widget
  4. Click on the green + Slide button in the upper-right hand corner and enter the a Heading you and the image you would like to be displayed. Additional fields that can be filled out include;
    • Alignment - Choose the alignment of the text
    • Teaser - Enter any additional text you would like to be displayed on the slide.
    • Button Label - If there is a button, enter the text for it in this field.
    • Button URL - What should the button link to
    • Button Target - When enabled, the link for the button will open in a new window.
  5. Repeat the previous step until you have your complete list
  6. When you are finished creating slides there are additional fields that can be found in the Settings tab, these will allow you to customize the widget. The fields and their descriptions are listed below.
    • Transition Type - Select the transition between the slides by default it is Fade. The options available are;  Default, Fade, Back Slide, Go Down and Fade Up.
    • Transition Speed - You can customize how long the transition between slides should be, change by entering a number (in milliseconds) here.
    • Navigation - By default visitors are allowed to manually flip through the slides, which you can turn off using this field.
    • Pagination - By default visitors are shown the number of slides at the bottom of the widget, which you can turn off using this field.
    • Pagination Numbers- By default visitors are shown the number of slides at the bottom of the widget, which you can turn off using this field.
    • Pagination Speed- How fast should the slides should be ran through, by default it is zero. Which will keep the slide rotating. If a number is entered the slides will be ran through once.
    • Autoplay - Automatically play the slider. Default is on.
    • Pause on hover - Default is on.
  7. Click on the green Create button and your Owl Slider widget will show up on the page. 
  8. Make sure to click the Save --> Publish options just as you would when you're editing pages




How do I hide/show a slide in the list?

Hiding a item from being displayed by a Owl Slider widget can be done quickly. Edit the widget and click on the switch to the right of the slide that you would like to hide, switching it to gray (hidden) and finally Update. To show a Item that has been hidden, click on the switch to the right of the slide that you would like to show switching it to green (visible) and finally Update.


How do I change the order of the slides shown?

To change the order of how the slides are being displayed by the Owl Slider widget. Edit the widget and click on the vertical directional arrow icon to the right of the slide you would like to move, choose either Move Up or Move Down and finally, Update when you are done.


How do I remove a slide from being displayed?

To remove a item from being displayed by the Owl Slider widget. Edit the widget and click on the trash icon to the right of the slide you would like to remove followed by Update.



 

Additional Articles