=== SlideVerse – Slider, Carousel & Image Slider Blocks for Gutenberg ===
Contributors: wpxero
Donate link: https://wpxero.com/
Tags: slider, carousel, image slider, gutenberg slider, swiper
Requires at least: 6.0
Tested up to: 7.0
Stable tag: 0.0.10
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Responsive slider & carousel blocks for Gutenberg: image, post, logo, testimonial, video & before-after sliders, built on Swiper.js.

== Description ==

**SlideVerse** is a responsive **WordPress slider plugin** for the Gutenberg block editor, built on the trusted **Swiper.js** engine. Create touch-enabled, mobile-friendly **sliders and carousels** — image sliders, post carousels, logo sliders, testimonial sliders, video sliders, and before/after image comparisons — directly inside the block editor, without writing a single line of code.

From a simple image carousel to a dynamic blog post slider, SlideVerse gives you native Gutenberg blocks and a full set of responsive design controls to build exactly what you need.

[Visit the SlideVerse website](https://wpxero.com/plugins/slideverse/) for documentation and demos.

= Slider & Carousel Blocks Included =

SlideVerse adds six purpose-built slider blocks (plus a helper block) to the editor:

= Infinite Slider (Marquee) =
A continuous, seamless scrolling carousel for logos, partners, text, or any content. Add **any Gutenberg blocks** inside each slide using the companion *Infinite Slider Item* block — making this the most flexible "slide anything" block. Supports grab/swipe dragging with smooth inertia, an optional image lightbox, vertical or horizontal direction, and adjustable speed and spacing.

= Post Slider & Blog Carousel =
Automatically display your latest posts, pages, or custom post types in a responsive carousel. Filter by category, choose the order and count, trim excerpts, show featured images, and link to full articles — all configured without code. Optional click-to-enlarge image lightbox.

= Logo Carousel & Partner Showcase =
Showcase client logos, partner brands, sponsors, or affiliates in a smooth, auto-scrolling carousel. Upload logos, control slides per view and spacing, enable grab/swipe, and turn on an optional image lightbox.

= Testimonial Slider & Review Carousel =
Build trust with social proof. Display customer testimonials and reviews with star ratings, author names, roles, and avatars in an elegant, responsive carousel.

= Video Slider & Video Carousel =
Present videos in a responsive carousel with thumbnail previews. Supports **YouTube**, **Vimeo**, and self-hosted videos, with inline or lightbox playback.

= Before & After Image Comparison =
Compare two images with an interactive, draggable divider — ideal for showcasing transformations, edits, renovations, and product effects. Supports horizontal and vertical orientations.

= Why Choose SlideVerse? =

* **Gutenberg-native** – No shortcodes and no page builders. Everything works inside the block editor.
* **Responsive by default** – Every slider adapts to desktop, tablet, and mobile, with per-device controls.
* **Touch, swipe & grab** – Native gesture support on mobile and desktop, powered by Swiper.js.
* **Click-to-enlarge lightbox** – Open images in a full-screen gallery with previous/next and keyboard navigation.
* **Full style controls** – Background colors, padding, borders, typography, and spacing — responsive, with hover states.
* **Multiple transition effects** – Slide, fade, coverflow, flip, creative, and cards.
* **Navigation & pagination** – Arrows, dots, fraction, and progress bar, with full position control.
* **Autoplay** – Configurable timing, loop, reverse direction, and pause options.
* **Efficient asset loading** – Each slider block registers its own styles and scripts, so a block's assets load only where the block is used.
* **Translation-ready** – Built with internationalization in mind (text domain: `slideverse`).

= Popular Use Cases =

* Image sliders and photo galleries
* Product and portfolio carousels
* Client testimonial and review showcases
* Blog post, article, and news carousels
* Brand, client, and partner logo scrollers
* Video galleries with lightbox playback
* Team member and service sliders
* Banner and hero sliders

== Installation ==

= From the WordPress dashboard =

1. Go to **Plugins → Add New**.
2. Search for **SlideVerse**.
3. Click **Install Now**, then **Activate**.

= Manual installation =

1. Upload the `slideverse` folder to the `/wp-content/plugins/` directory.
2. Activate **SlideVerse** through the **Plugins** screen in WordPress.

= Start building =

1. Open the post or page editor.
2. Click the block inserter (+) and search for **SlideVerse**, or type the block name (e.g. "Post Slider").
3. Insert a slider block and configure it from the block settings sidebar.

== Frequently Asked Questions ==

= What slider blocks does SlideVerse include? =
SlideVerse adds six slider blocks: Infinite Slider (Marquee), Post Slider & Blog Carousel, Logo Carousel & Partner Showcase, Testimonial Slider & Review Carousel, Video Slider & Video Carousel, and Before & After Image Comparison. A helper block, Infinite Slider Item, lets you place any content inside the Infinite Slider.

= Do I need to know how to code? =
No. Every slider is built and styled visually from the Gutenberg block editor — no shortcodes, templates, or custom code required.

= Can I put any block inside a slide? =
Yes. The Infinite Slider uses the Infinite Slider Item block, which accepts any core or third-party Gutenberg block — images, text, headings, buttons, and more.

= Are the sliders responsive and touch-friendly? =
Yes. All SlideVerse sliders are fully responsive and support native touch, swipe, and grab gestures on phones, tablets, and desktops.

= Can visitors click an image to view it larger? =
Yes. The Infinite Slider, Logo Carousel, Post Slider, and Testimonial Slider include an optional image lightbox that opens images full-screen with previous/next and keyboard navigation.

= Can I display my blog posts automatically? =
Yes. The Post Slider block fetches posts by post type, category, order, and count, and displays them with featured images, titles, excerpts, and read-more links.

= Which video sources are supported? =
The Video Slider supports YouTube, Vimeo, and self-hosted video files, with thumbnail previews and inline or lightbox playback.

= Will SlideVerse slow down my site? =
SlideVerse is built to be efficient. Each slider block registers its own styles and scripts, so a block's assets load only on pages where that block is used. The Swiper.js library that powers the sliders is loaded from a CDN (see the External Services section below).

= Does SlideVerse work with my theme? =
Yes. SlideVerse works with both block (FSE) themes and classic themes that follow WordPress standards.

== External services ==

This plugin relies on the following third-party services. Please review their terms and privacy policies.

**Swiper.js (unpkg CDN)**
SlideVerse uses the open-source Swiper.js library to power slider functionality on the front end. The library files (`swiper-bundle.min.js` and `swiper-bundle.min.css`) are loaded from the unpkg content delivery network on pages where a slider is displayed. When a slider page loads, the visitor's browser requests these files from unpkg, which means the visitor's IP address and browser information are exposed to that service as part of the standard HTTP request. No other data is sent.

* Swiper.js: https://swiperjs.com/
* unpkg: https://unpkg.com/ — Terms: https://github.com/mjackson/unpkg#readme

**YouTube and Vimeo (Video Slider only)**
If you add a YouTube or Vimeo video to the Video Slider block, the video player is embedded from the respective service on the front end. These services may set cookies and collect data according to their own policies when the embedded player loads or is played. This only applies when you choose to embed YouTube or Vimeo videos.

* YouTube Terms: https://www.youtube.com/t/terms — Privacy: https://policies.google.com/privacy
* Vimeo Terms: https://vimeo.com/terms — Privacy: https://vimeo.com/privacy

== Screenshots ==

1. Infinite Slider (marquee) with grab/swipe and image lightbox.
2. Post Slider & Blog Carousel displaying posts with featured images.
3. Logo Carousel & Partner Showcase with auto-scrolling.
4. Testimonial Slider & Review Carousel with star ratings and author info.
5. Video Slider with thumbnail previews and lightbox playback.
6. Before & After image comparison with a draggable divider.
7. Responsive style controls in the block settings sidebar.

== Changelog ==

= 0.0.10 – June 25, 2026 =
* New: Grab/swipe (drag) support for the Infinite Slider, with smooth inertia/throw momentum that eases back into the auto-scroll.
* New: Grab/swipe toggle for the Logo Carousel.
* New: Image lightbox/gallery (click to enlarge, previous/next, keyboard and Esc) for the Infinite Slider, Logo Carousel, Post Slider, and Testimonial Slider — all opt-in via a toggle.
* Fix: Restored correct height for the Before & After Image Comparison block with react-compare-slider v4.

= 0.0.9 – May 25, 2026 =
* New: Testimonial Slider block with star ratings, avatars, author name/role, and carousel navigation.
* New: Video Slider block supporting YouTube, Vimeo, and self-hosted videos with lightbox playback.
* New: Post Slider block with dynamic post fetching, category filtering, and customizable card layout.
* New: Logo Carousel (Brand Logos) block for client/partner logo showcases.
* Fix: Frontend CSS generation now works reliably for all blocks (resolved hook timing issue with wp_add_inline_style).
* Fix: Added render_block filter as inline CSS fallback for edge cases (widgets, FSE, reusable blocks).
* Fix: Video lightbox styles now apply correctly when appended to the document body.
* Improvement: Added fill property support for SVG arrow color styling on the frontend.
* Improvement: Fixed PHP deprecation notice for nullable type in CSSBuilder.
* Improvement: Embedded selector data in style attributes for robust frontend CSS selector resolution.

= 0.0.8 – May 06, 2026 =
* Improvement: Tested against WordPress 7.0.
* Stability: Avoid duplicate per-request inline block styles when both enqueue_block_assets and wp_enqueue_scripts run on the frontend.
* Stability: Safer loading of bundled editor scripts when asset metadata is missing.
* Stability: Harden editor body class detection and Full Site Editing template parsing.

= 0.0.7 – January 08, 2026 =
* Improvement: WordPress 6.9 compatibility added.

= 0.0.6 – November 11, 2025 =
* Fix: Before After Slider block editor issue for uploading images.

= 0.0.5 – May 21, 2025 =
* Fix: Resolved autoplay issues causing inconsistent behavior across devices.
* Fix: Addressed compatibility issues with WordPress 6.8.1 and popular themes.
* Enhancement: Optimized slider performance and reduced resource usage.

= 0.0.4 – February 17, 2025 =
* Enhancement: General performance enhancements and code optimizations.

= 0.0.3 – February 01, 2025 =
* New: Before After Slider block for interactive image comparison.
* Enhancement: Improved performance and optimized loading times.
* Fix: Resolved minor styling issues in the Infinite Slider block.

= 0.0.2 – January 27, 2025 =
* New: Infinite Slider block for dynamic, seamless scrolling.
* Improvement: Improved performance and stability for all slider types.
* Fix: Minor bug fixes and code optimizations.

= 0.0.1 – January 01, 2025 =
* Initial release of SlideVerse.
* Swiper.js-powered slider functionality for Gutenberg.
* Touch and swipe gesture support.
* Autoplay, navigation, and pagination options.

== Upgrade Notice ==

= 0.0.10 =
Adds grab/swipe dragging with inertia and a click-to-enlarge image lightbox to the Infinite Slider and Logo Carousel, and fixes the Before & After block height.

= 0.0.9 =
Major update: four new slider blocks (Testimonial, Video, Post, Logo Carousel) plus a critical frontend CSS fix for all blocks.

== Credits ==

SlideVerse is built on the open-source [Swiper.js](https://swiperjs.com/) library. The Before & After block uses [react-compare-slider](https://github.com/nerdyman/react-compare-slider).
