Description

Swiper Slider Widget for Elementor 1.0.1

Overview

The Swiper Slider Widget for Elementor plugin brings the power of the popular Swiper.js library into Elementor. It allows you to create modern, touch-friendly, and highly customizable sliders for images, content, or product showcases — all within the Elementor page builder interface.

Key Features

🔹 Fully Responsive & Touch-Friendly

• 📱 Optimized for desktops, tablets, and mobile devices.
• 🖱️ Supports swipe, drag, and keyboard navigation.

🔹 Multiple Content Types

• 🖼️ Add images, text, buttons, or custom content into slides.
• 🛒 Showcase WooCommerce products or featured items.

🔹 Customization Options

• 🎨 Adjust slide speed, transition effects, and autoplay.
• 🎚️ Control navigation arrows, dots, loop, and spacing.
• 🏷️ Style typography, backgrounds, and overlays with Elementor controls.

🔹 Integration with Elementor

• 🔌 Works seamlessly with the Elementor editor.
• ⚙️ Drag-and-drop widget for easy setup — no coding required.

🔹 Lightweight & Fast

• ⚡ Built on the Swiper.js framework for smooth animations.
• 🚀 Optimized for performance and SEO-friendly.

Installation (Quick Guide)

⚙️ Steps

1. 🔌 Install & activate the plugin.
2. ✅ Open Elementor editor and search for Swiper Slider Widget.
3. 🛠️ Drag the widget to your section and add slides.
4. 🎨 Customize settings like autoplay, navigation, and styling.

Settings & Configuration

🛠️ Main Options

• ✅ Enable/disable autoplay & loop.
• 🔁 Choose transition effect (slide, fade, cube, coverflow, flip).
• 🎚️ Adjust speed, pagination style, and navigation arrows.
• 🖼️ Control image size, content alignment, and custom overlays.

Use Cases

🎁 Hero Banners

Display promotional hero sliders with images, text, and call-to-action buttons.

🛒 Product Showcase

Highlight featured or trending WooCommerce products.

🎨 Creative Portfolios

Showcase portfolios, case studies, or testimonials in slider format.

Compatibility & Requirements

📋 General Requirements

• WordPress latest version.
• Elementor page builder active.
• PHP 7.4+ recommended.

Pros & Cons

✅ Pros

• 🎯 Simple drag-and-drop slider creation inside Elementor.
• 📱 Fully responsive with touch/swipe support.
• 🎨 Highly customizable without coding.

⚠️ Cons

• ⚠️ Too many sliders on a single page may impact performance.
• 🧩 Some advanced effects may require CSS tweaks.

FAQs

❓ Can I use multiple sliders on one page?

Yes — you can add multiple Swiper sliders with unique settings.

❓ Does it support dynamic content?

Yes — you can insert dynamic Elementor widgets inside slides.

❓ Which effects are available?

It supports popular Swiper.js effects like fade, cube, flip, and coverflow.

Short Changelog (1.0.1)

• 🐞 Initial release of the widget.
• ⚙️ Added Swiper.js integration with Elementor controls.
• 🚀 Optimized for speed and responsive design.