Organizer Slider Widget

Estimated reading: 5 minutes 7 views

Overview

The Zozo Organizer Slider widget displays organizer profiles in a fully responsive, interactive carousel using Elementor. It is designed to highlight organizers, speakers, hosts, or event teams with smooth slide animations and flexible layout options.

The widget includes advanced query filters, multiple layout styles, responsive slider controls, overlay effects, and customizable navigation. It is perfect for conference websites, event organizers, speaker showcases, and homepage featured sections.

General Settings

Overview

The General section contains the basic configuration options for the Organizer Slider widget.

Extra Class

Add one or more custom CSS classes to the widget.

This allows you to apply custom CSS styling without modifying the plugin files.

Example

featured-organizers
speaker-slider
homepage-organizers

Multiple classes can be separated using spaces.

Query Settings

Overview

The Query section controls which organizer profiles are displayed in the slider.

You can filter, sort, and organize organizers based on your requirements.

Organizers Per Page

Specify the number of organizer profiles displayed in the slider.

Example:

8

Choose a value that balances performance and visual presentation.

Organizer Filter

Display only selected organizers.

Useful for creating:

  • Featured Organizers
  • Conference Speakers
  • Event Hosts
  • Executive Team

Exclude Organizer

Hide selected organizers from the slider.

This allows you to exclude specific profiles without deleting them.

Order By

Choose how organizers are sorted.

Available options typically include:

  • Name
  • Publish Date
  • ID
  • Menu Order
  • Random

Order

Choose the display order.

Available options include:

  • Ascending
  • Descending

Ascending displays organizers alphabetically or oldest first, while Descending displays the newest organizers first.

Layout Settings

Overview

The Layout section controls the visual structure of each organizer slide.

These settings determine how organizer information is presented within the carousel.

Layout Style

Select the preferred card layout for organizer profiles.

Different layouts provide unique arrangements for:

  • Organizer Image
  • Name
  • Designation
  • Biography
  • Contact Information
  • Social Media Icons

Choose the layout that best matches your website’s design.

Content Alignment

Adjust the alignment of organizer information.

Typical options include:

  • Left
  • Center
  • Right

Display Elements

Choose which organizer information should be displayed.

Available elements include:

  • Organizer Photo
  • Organizer Name
  • Designation
  • Biography
  • Email Address
  • Phone Number
  • Website
  • Social Media Links
  • Event Count
  • Read More Button

Each element can be enabled or disabled depending on your design requirements.

Read More Button

Overview

The Read More button allows visitors to navigate to the organizer’s single profile page.

Button Text

Customize the button label.

Examples include:

  • Read More
  • View Profile
  • Meet Organizer
  • Learn More

Button Icon

Choose an icon to display alongside the button text.

Common choices include:

  • Arrow
  • Chevron
  • User
  • External Link

Icon Position

Choose whether the icon appears:

  • Before Text
  • After Text

Image Settings

Overview

Customize how organizer profile images are displayed.

Image Size

Select the image size used within the slider.

Common options include:

  • Thumbnail
  • Medium
  • Large
  • Full Size
  • Custom Size

Image Position

Choose where the organizer image appears within each slide.

Depending on the selected layout, images can appear:

  • Above Content
  • Beside Content
  • As Background
  • Inside Overlay

Image Border Radius

Apply rounded corners to organizer images.

Higher values create softer card designs.

Slider Settings

Overview

The Slider Settings section controls how the carousel behaves.

Slides to Show

Choose how many organizer profiles are visible simultaneously.

Examples:

  • 1 Slide
  • 2 Slides
  • 3 Slides
  • 4 Slides

Responsive controls automatically adjust the layout for tablets and mobile devices.

Slides to Scroll

Specify how many slides move during each navigation action.

Autoplay

Automatically rotate organizer profiles.

Ideal for:

  • Homepage Hero Sections
  • Featured Organizers
  • Speaker Showcases

Autoplay Speed

Specify the delay between automatic slide transitions.

Infinite Loop

Enable continuous slider looping.

Visitors can browse organizers endlessly without reaching the final slide.

Pause on Hover

Pause autoplay whenever visitors hover over the slider.

This gives users time to read organizer information comfortably.

Transition Speed

Control the animation speed between slides.

Choose a speed that creates smooth transitions without distracting visitors.

Slider Effects

Overview

Enhance the visual appearance of the carousel using built-in transition effects.

Available effects may include:

  • Slide
  • Fade
  • Coverflow
  • Cube
  • Flip

Choose the effect that best complements your website’s design.

Overlay Animation

Overview

The Overlay Animation section controls interactive hover effects for organizer cards.

Enable Overlay

Display additional organizer information when visitors hover over the profile image.

Overlay content may include:

  • Organizer Name
  • Designation
  • Social Icons
  • Read More Button
  • Contact Information

Animation Style

Choose how the overlay appears.

Available styles may include:

  • Fade In
  • Slide Up
  • Zoom
  • Scale
  • Rotate

Animation Speed

Adjust how quickly the overlay animation is displayed.

Smooth animations create a more engaging browsing experience.

Navigation Settings

Overview

Navigation controls allow visitors to browse through organizer profiles.

Navigation Arrows

Display Previous and Next navigation arrows.

These controls allow manual navigation through the carousel.

Pagination

Display pagination indicators beneath the slider.

Depending on the selected style, pagination may appear as:

  • Dots
  • Numbers
  • Progress Indicators

Responsive Settings

Overview

The Organizer Slider is fully responsive.

Separate layouts are automatically applied for:

  • Desktop
  • Tablet
  • Mobile Devices

Slides, spacing, and navigation adapt automatically to provide the best viewing experience.

Notes

  • The Organizer Slider widget displays Organizer profiles created within Event Builder.
  • Multiple organizer filters can be combined to create targeted showcases.
  • Empty filters are ignored automatically.
  • The slider is fully responsive and optimized for desktop, tablet, and mobile devices.
  • It supports touch gestures on mobile devices for smooth navigation.
  • Additional customization options for colors, typography, spacing, navigation arrows, pagination, overlays, and animations are available under the Style tab in Elementor.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Organizer Slider Widget

Or copy link

CONTENTS

Powered By EazyDocs