The Swipe Carousel Widget for Elementor by Unlimited Elements is an innovative tool that empowers you to create stunning, swipe-enabled Netflix style carousels for your website. It enables you to showcase images, content, or custom designs with a sleek, offset scrolling effect. With its flexible customization options and intuitive functionality, the Swipe Carousel Widget is perfect for adding a dynamic, modern touch to your website.
Let’s look at each of the options in the Swipe Carousel widget for Elementor below.
Elementor Swipe Carousel Video Tutorial
Add a Swipe Carousel Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Swipe Carousel”
- Hover over the widget in the search results and click install
- Add the “Swipe Carousel” widget to any Elementor Page
Source Settings
The Swipe Carousel widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts
Display WordPress posts dynamically in swipe carousel, including custom post types and fields for maximum flexibility.
Meta Field
Use Meta as an item source for your swipe carousel to dynamically display and manage content from your Meta data.
JSON or CSV
Load your swipe carousel with data from JSON or CSV files to easily manage and display structured content.
Gallery
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms
Use Terms as a source for your swipe carousel to dynamically display and manage taxonomy terms from your WordPress site.
Users
You can use WordPress Users as an item source for your swipe carousel to display and manage dynamic content from your site’s user data.
Menu
Use your WordPress Menu as a source for the swipe carousel to dynamically display and manage menu items in a visually engaging layout.
API Integrations
Integrate an API into your swipe carousel to dynamically fetch and display data from external systems or services.
General Settings
Item Height
Set the item height.
Justified
Set the image dimensions for justified alignment.
Item Radius
Set the item radius.
Gap
Set the gap between carousel item.
Start Gap
Adjust the spacing at the beginning of the carousel.
End Gap
Adjust the spacing at the end of the carousel.
Item Image Size
Select the image size for carousel items.
- Full
- Large
- Medium Large
- Medium
- Thumbnail
- 1536x1536
- 2048x2048
Show Title
Show or hide the title.
Show Text
Show/hide the text.
Enable Link in Items
Enable link option for carousel item.
Items Settings
Manage the items of the Swipe Carousel using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Swipe Carousel Item Styling
You can set the content width, title layout, alignment, padding, background color, border radius, and spacing.
Swipe Carousel Design Examples For Elementor
Here are some live use cases for the Swipe Carousel Widget.
Team member as swipe carousel.
Movies shown as swipe carousel.
We hope this documentation has provided you with a clear understanding of how to use the Swipe Carousel Widget to enhance your Elementor designs. Its versatility and swipe-friendly navigation can elevate the user experience on your site, making it more interactive and visually appealing.
If you have any questions or need further assistance, don’t hesitate to reach out.