Overview

The Zozo Location Slider widget allows you to showcase event locations in a fully responsive, interactive carousel using Elementor. It is designed to highlight venues, conference halls, meeting spaces, cities, hotels, or virtual event locations with smooth slide transitions and engaging navigation controls.

The widget includes advanced filtering options, customizable slider settings, responsive layouts, autoplay functionality, and multiple design styles, making it perfect for event websites, conference pages, venue directories, travel events, and featured destination sections.

---

General Settings

Overview

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

---

Extra Class

Add one or more custom CSS classes to the widget.

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

Example

featured-locations
homepage-slider
conference-venues

Multiple classes can be separated using spaces.

---

Query Settings

Overview

The Query section controls which locations are displayed in the slider.

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

---

Locations Per Page

Specify the number of location profiles displayed in the slider.

Example

8

Displaying fewer locations improves page performance, while larger values showcase more venues.

---

Description Length

Control how many words are displayed from each location description.

Short descriptions create compact slides, while longer descriptions provide additional venue information.

---

Include Locations

Display only selected locations.

This is useful for creating:

• Featured Venues
• Conference Locations
• Popular Destinations
• Event Halls
• Exhibition Centers

---

Exclude Locations

Hide selected locations from the slider.

This allows you to remove specific venues without deleting them from your website.

---

Order By

Choose how location profiles should be sorted.

Available sorting methods typically include:

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

---

Order

Choose the display order.

Available Options

• Ascending
• Descending

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

---

Layout Settings

Overview

The Layout Settings section controls how each location slide is displayed.

Choose the design that best matches your website.

---

Layout Style

Select the preferred layout style for location cards.

Depending on the selected layout, the location image and content may be displayed in different arrangements.

---

Content Alignment

Adjust the alignment of location information.

Available options typically include:

• Left
• Center
• Right

---

Display Elements

Choose which information appears inside each location slide.

Available elements may include:

• Featured Image
• Location Name
• Address
• City
• Country
• Description
• Event Count
• Contact Information
• Website
• Google Map Link
• View Details Button

You can enable or disable individual elements to create the desired presentation.

---

Location Information

Overview

Each location slide can display complete venue information.

Depending on your configuration, location details may include:

• Venue Name
• Full Address
• City
• State or Province
• Country
• Postal Code
• Phone Number
• Email Address
• Website URL
• Google Maps Link
• Number of Events Hosted

Location information is automatically updated whenever the location profile is modified.

---

Image Settings

Overview

Customize how location images are displayed within the slider.

---

Image Size

Select the image size used for location photos.

Common options include:

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

---

Image Position

Choose where the image appears inside each slide.

Possible layouts include:

• Above Content
• Beside Content
• Background Image
• Overlay Style

---

Image Border Radius

Apply rounded corners to location images for a modern appearance.

---

Slider Settings

Overview

The Slider Settings section controls how the location carousel behaves.

---

Slides to Show

Specify how many location cards 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 location slides.

This option is ideal for:

• Homepage Hero Sections
• Featured Locations
• Venue Showcases

---

Autoplay Speed

Specify the delay between automatic slide transitions.

Adjust this value to provide visitors enough time to view each location.

---

Infinite Loop

Enable continuous slider looping.

Visitors can browse locations endlessly without reaching the final slide.

---

Pause on Hover

Pause autoplay whenever visitors hover over the slider.

This allows users to comfortably read location details.

---

Transition Speed

Control the animation speed between slides.

Smooth transitions improve the overall browsing experience.

---

Navigation Settings

Overview

Navigation controls allow visitors to browse location profiles manually.

---

Navigation Arrows

Display Previous and Next navigation buttons.

These controls allow users to move through location slides one at a time.

---

Pagination

Display pagination indicators beneath the slider.

Depending on the selected style, pagination may appear as:

• Dots
• Numbers
• Progress Indicators

---

Responsive Settings

Overview

The Location Slider widget is fully responsive.

Separate layouts are automatically optimized for:

• Desktop
• Tablet
• Mobile Devices

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

---

Interactive Features

Overview

The Location Slider provides a smooth and engaging browsing experience with features such as:

• Touch Swipe Support
• Responsive Layout
• Smooth Slide Animation
• Autoplay
• Infinite Loop
• Navigation Controls
• Pagination
• Mobile-Friendly Interaction

These features make it easy for visitors to browse venue information across all devices.

---

Notes

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