Overview

The Zozo Event Schedule widget allows you to display event schedules in multiple interactive layouts using Elementor. It supports automatically displaying the latest schedule or selecting a specific schedule manually. The widget includes multiple layout options such as List, Tabs, and Slider, along with speaker tooltips, responsive navigation, autoplay, and customizable buttons.

This widget is ideal for conferences, seminars, workshops, webinars, festivals, training sessions, and multi-day events where visitors need to browse event sessions efficiently.

---

Content Settings

Overview

The Content section controls which schedule is displayed and how it appears on your page.

---

Schedule Source

Choose how the widget retrieves schedule data.

Available Options

• Latest Schedule
• Select Schedule

Latest Schedule automatically displays the most recently published schedule.

Select Schedule allows you to manually choose a specific schedule from your existing schedules.

---

Select Schedule

When Manual is selected, choose the schedule you want to display.

This is useful when your website contains multiple event schedules and you only want to showcase one.

---

Layout Source

Choose where the schedule layout should come from.

Available Options

• Use Backend Layout
• Custom Layout

Use Backend Layout displays the layout configured when creating the schedule.

Custom Layout allows you to override the backend settings directly inside Elementor.

---

Custom Layout

When Custom Layout is enabled, choose how sessions should be displayed.

Available Layouts

• List Layout
• Tabs Layout
• Slider Layout

---

List Layout

Displays schedule sessions vertically in chronological order.

Best for:

• Conferences
• Training Programs
• One-Day Events
• Workshop Agendas

---

Tabs Layout

Groups sessions into tabbed sections.

Perfect for:

• Multi-Day Events
• Conference Tracks
• Event Agendas
• Parallel Sessions

---

Slider Layout

Displays schedule sessions inside a responsive carousel.

Ideal for:

• Homepage Sections
• Featured Sessions
• Event Highlights
• Mobile-Friendly Displays

---

Show Title

Display or hide the schedule title.

Options

• Show
• Hide

When enabled, the schedule heading appears above the session list.

---

Speaker Tooltip

Enable interactive speaker tooltips.

When visitors hover over a speaker’s name or profile image, additional speaker information is displayed.

Tooltip information may include:

• Speaker Name
• Designation
• Company
• Biography
• Profile Image

---

Show Button

Display an action button beneath the schedule.

Options

• Yes
• No

This button can link visitors to a complete schedule page or another custom destination.

---

Button Text

Customize the button label.

Examples include:

• View Schedule
• Full Agenda
• Explore Sessions
• View Program
• See Complete Schedule

---

Schedule Display

Overview

Each schedule displays organized event sessions with important information.

Depending on your schedule configuration, each session may include:

• Session Title
• Date
• Time
• Speaker
• Venue
• Description
• Session Category
• Session Duration

The widget automatically updates whenever schedule information changes.

---

Slider Settings

Overview

The Slider Settings section controls the behavior of the Slider layout.

These settings only affect the Slider Layout.

---

Loop

Enable continuous looping of schedule slides.

Options

• Yes
• No

When enabled, visitors can browse sessions continuously without reaching the final slide.

---

Autoplay

Automatically rotate schedule slides.

This option is ideal for homepage schedule highlights and promotional sections.

---

Autoplay Speed

Specify the delay between automatic slide transitions.

The value is measured in milliseconds.

Example:

• 3000 = 3 seconds
• 5000 = 5 seconds

Longer delays allow visitors more time to read session details.

---

Navigation

Display Previous and Next navigation arrows.

Visitors can manually browse through schedule slides using these controls.

---

Pagination

Display pagination indicators beneath the slider.

Pagination helps visitors understand their current position within the schedule carousel.

Depending on the selected style, pagination may appear as:

• Dots
• Progress Indicators
• Slide Counters

---

Responsive Features

Overview

The Event Schedule widget is fully responsive.

Layouts automatically adapt for:

• Desktop
• Tablet
• Mobile Devices

Sessions remain easy to browse regardless of screen size.

---

Interactive Features

Overview

The Event Schedule widget includes several interactive features designed to improve the visitor experience.

Features include:

• Automatic Schedule Loading
• Manual Schedule Selection
• Multiple Layout Styles
• Speaker Tooltips
• Responsive Slider
• Navigation Arrows
• Pagination
• Autoplay
• Infinite Loop
• Mobile Swipe Support
• Optional Call-to-Action Button

---

Notes

• The widget can automatically display the latest published schedule or a manually selected schedule.
• Backend schedule layouts can be reused directly, or custom layouts can be created inside Elementor.
• The Slider layout uses Swiper.js for smooth animations, responsive layouts, and touch support.
• Speaker tooltips enhance visitor engagement by displaying additional speaker details.
• The widget is fully responsive and optimized for desktop, tablet, and mobile devices.
• Additional customization options for colors, typography, spacing, buttons, tabs, navigation, pagination, and animations are available under the Style tab in Elementor.