=== SlideMotion – Elementor Slider & Carousel ===
Contributors: devanshitriveni
Tags: slider, carousel, elementor slider, responsive slider, content slider
Requires at least: 5.0
Tested up to: 7.1.1
Requires PHP: 7.4
Stable tag: 2.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Create responsive sliders and carousels in Elementor with flexible layouts, vertical mode, variable width, autoplay, navigation, and device-specific controls. 

== Description ==

Create beautiful, responsive sliders and carousels directly inside Elementor — without writing custom JavaScript.

SlideMotion gives you an easy way to create image sliders, content carousels, testimonials, service showcases, feature sections, promotional banners, and more. Everything can be configured visually through Elementor.

== Why Choose SlideMotion? ==

Build flexible sliders that look great across every screen size.

Fully Responsive — Customize your slider for desktop, tablet, and mobile devices.

Variable-Width Slides — Display slides with different widths for modern carousel layouts.

Vertical Slider — Create engaging vertical scrolling slider layouts.

Adaptive Height — Automatically adjust the slider height based on its content.

Fade Transitions — Add smooth fade effects for a polished presentation.

Autoplay — Automatically rotate slides at your preferred interval.

Navigation Arrows — Give visitors simple controls to move between slides.

Pagination Dots — Add clean and intuitive slide indicators.

Drag & Swipe Support — Provide a smooth experience across touch devices and desktop.

Elementor Controls — Configure everything directly from the Elementor editor.

== Perfect for Any Content ==

SlideMotion is flexible enough to showcase a wide range of content and layouts.

Testimonials — Highlight customer reviews and feedback.

Services — Showcase your services in an interactive carousel.

Features — Present product or website features in an engaging layout.

Logos — Display client, partner, or brand logos.

Images — Create responsive image galleries and sliders.

Promotional Content — Highlight offers, announcements, and campaigns.

Content Cards — Build card-based sliders for articles, products, or other content.

== Responsive Controls ==

Make your slider work perfectly on every device with dedicated responsive controls.

Desktop — Set the number of slides, spacing, alignment, navigation, and other options for larger screens.

Tablet — Adjust your slider layout specifically for tablet devices.

Mobile — Create a mobile-friendly experience with controls tailored to smaller screens.

== Built for Elementor ==

SlideMotion works directly inside the Elementor editor, so you can create and customize sliders without switching between different tools or writing code.

Configure your slides, adjust the layout, style the navigation, and fine-tune responsive settings — all from the familiar Elementor interface.

== How It Works ==

Getting started with SlideMotion takes just a few steps:

Install and activate SlideMotion.

Open a page with Elementor.

Add the SlideMotion widget.

Add and configure your slides.

Customize the layout, navigation, transitions, and responsive settings.

Publish your page.

== Frequently Asked Questions ==

= Does SlideMotion require custom JavaScript? =

No. SlideMotion provides the slider functionality and controls directly through the Elementor widget.

= Is SlideMotion responsive? =

Yes. SlideMotion includes dedicated controls for desktop, tablet, and mobile layouts.

= Can I create different types of sliders? =

Yes. You can use SlideMotion for images, testimonials, services, features, logos, promotional content, cards, and other Elementor content.

= Does it support touch devices? =

Yes. SlideMotion supports drag and swipe interactions for touch-enabled devices.

= Can I enable autoplay? =

Yes. You can enable autoplay and configure the slider behavior according to your layout requirements.


== Installation ==

1. Upload the plugin zip
2. Activate the plugin through the WordPress admin panel
3. Open Elementor editor
4. Search for **SlideMotion** widget
5. Drag it into your layout and configure slide settings

== Changelog ==

= 1.0.0 =
- Initial release


= 2.0.0 =
- Added: Device-specific controls for navigation arrows on desktop, tablet, and mobile.
- Added: Device-specific controls for slider dots on desktop, tablet, and mobile.
- Added: Responsive Icon/Image Alignment controls for desktop, tablet, and mobile.
- Improved: Responsive behavior for slider navigation across different screen sizes.
- Improved: Vertical slider navigation and dot positioning for better responsive layouts.
- Fixed: Navigation arrows remaining visible when disabled for tablet or mobile.
- Fixed: Slider dots visibility issues on tablet and mobile devices.
- Fixed: Vertical slider arrows and dots positioning on smaller screen sizes.
- Fixed: Responsive settings not being correctly reflected on the frontend.
- Improved: Elementor responsive controls for a more consistent editing experience.