Effect 03 Carousel
A Slick-based multi-item carousel showing several items per row, with infinite looping, autoplay, responsive column counts and hover icons. Ideal for product lists, team members and client logo walls.
Live Demo
Visit the official demo page to see it in action.
Data Fields
| Field | Description |
|---|---|
| Title | Item title shown under the image |
| Description | Rich text summary |
| Featured Image | Item image; URL or media library |
| Link | Target URL (hover icon click) |
| Group | Item group (for filter effects) |
Item form (Field Manager) screenshot:
Effect Settings
Basic
| Parameter | Description |
|---|---|
| Infinite / Draggable / Accessibility | Infinite loop / drag support / keyboard access |
| Autoplay / AutoplaySpeed / Speed | Enable autoplay; interval (ms); transition speed |
| Arrows / Dots | Show arrows / dot pagination |
| AdaptiveHeight | Height adapts to content |
| Pause On Hover | Pause autoplay on hover |
| CssEase | Animation easing |
Responsive columns
| Parameter | Description |
|---|---|
| Items | Set one count for all breakpoints |
| Desktop / DesktopSmall / Tablet / Mobile Items | Items per row per device (default 6/5/4/2) |
| Items Spacing | Spacing between items in pixels |
| Slides To Scroll | Scroll one page or one item |
Title / Description Settings
| Parameter | Description |
|---|---|
| Display Title / Description | Show the title/description in the caption area |
| Font Size / Font Color | Font size (default 15/13) and color |
Effect Settings (hover)
| Parameter | Description |
|---|---|
| Effect List | Left/right icons shown over the image on hover (link/zoom) |
| Enable Left / Right Icon | Icons shown over the image on hover (link, zoom) |
| Icon Style / Background | Icon style (Font Awesome) and background color |
| Hover Thumbnail Background / Opacity | Hover overlay color and opacity |
| Picture Hover Zoom | Zoom the image on hover |
Border / Other Settings
| Parameter | Description |
|---|---|
| Display Border / Color / Width / Style / Padding | Border toggle and styling |
| Background Color / Text Padding / Shadow Style | Background, text padding, shadow |
| Lightbox Animation | Easing of the lightbox open animation |
Related
- Effect Options — configure this effect's theme and parameters
- Effect Overview — all effects
- Adding Items — add items for this effect
- All Items — manage items