RediSlider Widget

Modified on: Tue, Sep 24, 2024 at 9:22 AM

Enhance your website with this versatile custom widget, designed to captivate visitors and highlight key information. Features include:

Customizable content: Showcase scrolling slides with images or icons, accompanied by titles and descriptions.
Flexible design: Adjust various design elements to match your website's aesthetic.
Optional links: Incorporate clickable links to drive user engagement and action.

This powerful tool is ideal for:

Presenting quick facts about your organization
Emphasizing important calls to action
Creating an interactive and visually appealing section on your website

With its adaptable nature, this widget offers an effective way to grab attention and convey crucial information in a dynamic, user-friendly format.

To add a RediSlider Widget to a Page:

Open the Widgets Panel (+)
Search for RediSlider
Drag and Drop the RediSlider Widget on to the page
Do not just click on the widget. This will place the widget in a random location. Be sure to drag it to the desired location.
Add content and adjust features as desired.
- Add slides as needed under the Slides List
- The Content includes Link (optional), Image or Icon, Title and Description text.

Optionally, a user can add a Designed Section that already contains a RediSlider Widget. By Default the slide will show neither an Image or Icon, it requires the user to choose one or the other. Options to Show Image or Show Icon are presented under the Slides content area.
It is not possible to show both. You can choose one or the other, or neither.

Be sure to set the Widget's Unique ID. If using more than one RediSlider widget on the same page, each be set to a unique number.

Content Options

There are several adjustable content options. Clicking on a Slide will open the content options for the slide.

	Title	Settings
1.	Slides	Slide Link Link Text (will not show unless a link is set) Title Description
2.	Show Title and Show Description	Toggles these items on or off
3.	Show Image and Show Icon	Allows toggling between displaying Images or Icons (or neither)
4.	Enable Link	Toggle the Link option on or off
5.	Slider General Settings	Speed When Swiped Show Slide Navigation Enable Grab Cursor Slide Free Mode Sticky Free Mode
6.	Slide Automation	Auto Play Delay Disable Slider on Interaction Pause Slides on Hover Loop Slides
7.	Responsive Settings	Set number slides visible on device type (mobile, tablet, and desktop)

Design Options

There are many options that may vary based on content settings like Image or Icon. Most design options are standard items you may find with other widgets like adjust Font Size and Color etc.

	Title	Settings
1.	Block Styling	Wrapper Padding (around the widget)
2.	Slide Style	Slide Background (color or image) Space Between Slides Border Corner Radius Slide Alignment (Vertical) Top/Bottom Padding (Slides)
3.	Slider Header Style (Image or Icon)	Show Header Header Background (color or image) Padding Top, Bottom, and Left/Right Based on Icon/Image there will also be size/height, padding, etc. settings impacting the displayed item.
4.	Slider Body Styling	Padding Top, Bottom, and Left/Right Title Space Top and Bottom Tile and Description Font settings
5.	Link Styling	Link Entire Slide Horizontal Alignment Vertical Alignment Top Space Background (color or image) Border, Width, and Padding
6.	Slider Navigation Styling	Arrow Color Arrow Size Arrow Opacity