Morph Slider Widget helps you to showcase images into a slider with morphing effect. It also comes with different transition effects to give it an awesome look. You can customize and style the widget as per your need with its wide range of customization and styling options.
Let’s look at each of the options in the “Morph Slider Widget” below.
Install Morph Slider Widget for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Morph Slider”
- Hover over the widget in the search results and click install
- Add your “Morph Slider” widget to any Elementor Page
General Settings
Transition Type
Select a transition type for morph slider.
- Blend
- Displacement
- Noise
- Color Mix
Blend Effect
Select the blend effect from given options.
- Blend Right
- Blend Left
- Blend Down
- Blend Up
- Blend Center
Enable Wave Distortion
This will enable wave distortion feature for morph slider.
Distortion Effect
Select the distortion effect from the dropdown options.
- Wave Right
- Wave Left
- Wave Up
- Wave Down
- Wave Center
Autoplay
Turn on or off the autoplay option.
Transition Duration
Set the duration between transitions.
Transition Delay
Set the time for transition delay.
Navigation Settings
Remote Settings
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Images Settings
Manage the images of morph slider using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Images Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
General Styling
Set the image width, alignment, and image cover.
Navigation Styling
Here, You can style the color, sizing, hover color, spacing, and background.
Usage Examples
Here are some live use cases for the Morph Slider widget.
Example of Morph Slider widget with blend transition.
