Block Editor Gallery Slider

Block Editor Gallery Slider

Block Editor Gallery Slider for WordPress - Image Slider, Gallery Carousel & Lightbox Plugin

Contributors: krasenslavov, developry

Donate Link: https://krasenslavov.com/hire-krasen/

Tags: gallery slider, image slider, wordpress gallery, lightbox, carousel

Requires at least: 6.6

Tested up to: 6.8

Requires PHP: 7.4

Stable tag: 1.2.1

License: GPLv3 or later

License URI: https://www.gnu.org/licenses/gpl-3.0.html

WordPress gallery slider plugin. Transform galleries into image sliders with lightbox. Responsive gallery carousel for Gutenberg, WooCommerce & galleries.

Description

Transform WordPress galleries into stunning image sliders with Block Editor Gallery Slider - the simple gallery slider plugin that converts static galleries into interactive carousels with lightbox.

Stop displaying boring static galleries. Block Editor Gallery Slider transforms your WordPress gallery blocks into beautiful responsive image sliders with smooth transitions, touch-friendly navigation, and elegant lightbox preview. No coding required - just add a gallery, enable the slider, and watch your images come alive in a professional carousel.

Whether you're showcasing photography portfolios, WooCommerce product galleries, or image collections, Block Editor Gallery Slider creates engaging WordPress gallery sliders that look professional on all devices.

Why Choose Block Editor Gallery Slider?

WordPress Gallery Slider - Convert galleries to sliders instantly
Image Carousel - Smooth, responsive gallery carousel with touch support
Lightbox Gallery - Advanced lightbox with image preview and navigation
WooCommerce Ready - Product gallery sliders for WooCommerce stores
Gutenberg Gallery Slider - Native WordPress Block Editor integration
No Coding - Transform galleries to sliders with simple clicks

How WordPress Gallery Slider Works

Install and activate Block Editor Gallery Slider on your WordPress site
Add a Gallery block to any page or post in Gutenberg
Upload your images to create a WordPress gallery
Enable Gallery Slider in the block settings panel
Choose container width and lightbox options
Publish your WordPress image slider

Zero configuration required - works immediately with WordPress galleries out of the box.

Perfect For

Photographers creating WordPress portfolio galleries
WooCommerce Stores displaying product image sliders
Real Estate Sites showcasing property photo galleries
Travel Blogs featuring destination image carousels
Wedding Photographers sharing event gallery sliders
Creative Agencies presenting project image galleries
Art Galleries exhibiting collections in WordPress sliders

WordPress Gallery Slider Features

Gallery to Slider Conversion

Transform any WordPress gallery block into an interactive image slider instantly. Each gallery can be individually enabled as a slider in Gutenberg Block Editor. Choose container widths from 540px to 1680px or full browser width for responsive WordPress gallery sliders.

WordPress Image Carousel

Create smooth, touch-friendly image carousels for WordPress galleries. Automatic slideshow with pause/play controls, previous/next navigation, and responsive design that adapts to any screen size. Perfect for WordPress photography galleries and WooCommerce product sliders.

Lightbox Gallery for WordPress

Advanced lightbox displays full-size images with elegant transitions. Click any gallery image to open lightbox preview with previous/next navigation at 50% opacity. Supports keyboard navigation, click-outside-to-close, and touch gestures for mobile WordPress galleries.

WooCommerce Gallery Slider

Transform WooCommerce product galleries into professional image sliders. Enable slider functionality for WooCommerce products to showcase multiple product photos in an engaging carousel. Perfect for WordPress e-commerce sites with extensive product photography.

WordPress Block Editor Integration

Native Gutenberg gallery slider integration. Gallery Slider Options panel appears directly in WordPress Block Editor gallery settings. Configure image sliders per gallery with individual container widths and enable/disable controls without leaving the Block Editor.

Classic Editor Gallery Support

Full WordPress Classic Editor support with gallery slider metabox. Apply slider settings to all galleries on a page with one click. Perfect for WordPress sites still using Classic Editor or hybrid editor setups.

Usage

Once the WordPress gallery slider plugin is installed and activated:

Edit any page or post in WordPress Block Editor (Gutenberg)
Add a Gallery block and upload images
Look for Gallery Slider Options in the block settings sidebar
Enable the slider and choose container width
Optionally configure lightbox mode in Settings
Publish your WordPress image slider

Here are the steps to use Block Editor Gallery Slider:

Add Gallery - Insert WordPress Gallery block in Gutenberg
Upload Images - Add multiple images to create WordPress gallery
Enable Slider - Toggle Gallery Slider in block settings
Choose Width - Select container width (540px - 1680px or full)
Configure Lightbox - Pick Advanced or Basic lightbox mode
Publish - Your WordPress gallery slider is now live!

Note: Individual gallery control available in Block Editor. Classic Editor applies slider settings to all galleries on a page.

WordPress Gallery Slider Settings

Block Editor (Gutenberg) Settings:

Add a Gallery block to your WordPress page
Upload images to create gallery
Open Gallery Slider Options panel in block settings
Enable slider for this gallery
Choose container width: 540px, 720px, 960px, 1140px, 1320px, 1680px, or Full Width
Gallery transforms into responsive image slider

Classic Editor Settings:

Add images using Add Media > Create Gallery
Find Gallery Slider Options metabox in sidebar
Enable slider (applies to ALL galleries on page)
Choose container width for WordPress image carousel
Publish to see gallery slider in action

Global Plugin Settings:

Go to Settings > Block Editor Gallery
Front-End Sliders - Enable/disable all WordPress gallery sliders site-wide
Editor Controls - Show slider controls in Block Editor or Classic Editor
Post Type Controls - Enable sliders for Posts, Pages, WooCommerce Products, Custom Post Types
Lightbox Mode - Choose Advanced (prev/next navigation) or Basic (single image)

Supported WordPress Post Types:

Posts
Pages
WooCommerce Products
Custom Post Types

Features & Limitations

The Block Editor Gallery Slider WordPress gallery slider plugin allows you to:

Transform WordPress galleries into responsive image sliders
Create image carousels with smooth transitions and touch support
Add lightbox preview to WordPress gallery images
Enable sliders for WooCommerce product galleries
Control gallery sliders individually in WordPress Block Editor
Apply slider settings to Classic Editor galleries
Choose from multiple container widths for responsive WordPress galleries
Configure Advanced or Basic lightbox modes for image preview
Enable gallery sliders for custom post types
Use touch-friendly navigation for mobile WordPress galleries
Display full-width gallery carousels or fixed-width containers
Optimize performance with conditional script loading

WordPress Gallery Slider Components

Image Slider

Converts WordPress Gallery blocks into interactive image sliders with automatic slideshow, manual navigation, and responsive container widths. Gallery sliders adapt to parent container width for perfect display on all WordPress themes.

Gallery Carousel

Touch-friendly image carousel for WordPress galleries with smooth CSS3 transitions. Supports swipe gestures on mobile devices, keyboard navigation, and pause/play controls. Perfect for WordPress photography sites and visual portfolios.

Lightbox Gallery

Click any WordPress gallery image to open full-size lightbox preview. Advanced mode includes previous/next image navigation at 50% opacity. Basic mode shows single image with simple close button. Both lightbox modes support keyboard ESC to close.

WooCommerce Integration

Enable gallery sliders for WooCommerce product pages. Transform static WooCommerce product galleries into engaging image carousels that showcase multiple product photos professionally.

Block Editor Controls

Native WordPress Gutenberg integration with Gallery Slider Options panel. Configure gallery sliders directly in Block Editor without leaving the page editor. Each WordPress gallery can have individual slider settings.

Responsive Design

WordPress gallery sliders automatically adapt to screen size. Container widths scale on mobile devices, touch gestures work perfectly on tablets/phones, and lightbox displays properly on all WordPress responsive themes.

Known Limitations

Free version features:

Gallery Types - Works with WordPress Gallery blocks and Classic Editor galleries
Slider Control - Individual control in Block Editor, page-wide in Classic Editor
Container Widths - 7 options from 540px to full browser width
Lightbox Modes - Advanced (with navigation) or Basic (single image)
Post Types - All WordPress post types including WooCommerce products
Performance - Conditional script loading for optimized WordPress sites
Mobile Support - Full touch gesture support for responsive galleries
Customization - Limited to container width and lightbox mode settings

Detailed Documentation

Find step-by-step setup guides, video tutorials, WordPress gallery examples, and slider configuration tips on the Block Editor Gallery Slider Documentation page.

Frequently Asked Questions

Visit the Support Forum to share your questions or requests.

We usually respond to tickets within a few business days.

Feature requests are added to our wish list and considered for future updates.

How do I create a gallery slider in WordPress?

Add a Gallery block in the WordPress Block Editor, upload images, open the Gallery Slider Options panel in block settings, enable the slider, choose a container width, and publish. Your WordPress gallery is now an image slider.

What's the best WordPress gallery slider plugin?

Block Editor Gallery Slider provides simple, lightweight gallery-to-slider conversion for WordPress. Native Gutenberg integration, WooCommerce support, lightbox preview, and responsive design make it ideal for WordPress image galleries.

How to convert WordPress gallery to slider?

Install Block Editor Gallery Slider, edit any page with a gallery, select the Gallery block, enable Gallery Slider in the block settings panel, choose a container width, and publish. The WordPress gallery automatically becomes an image slider.

Does this work with WooCommerce product galleries?

Yes, enable WooCommerce Products in Settings > Block Editor Gallery under Post Type Controls. Your WooCommerce product galleries will display as image sliders with lightbox preview.

Can I add lightbox to WordPress galleries?

Yes, Block Editor Gallery Slider includes advanced lightbox functionality. Click any gallery image to open full-size preview with previous/next navigation. Choose between Advanced lightbox (with navigation) or Basic lightbox (single image) in plugin settings.

How to create image carousel in WordPress?

Add a Gallery block, upload multiple images, enable Gallery Slider in block settings, and publish. Your WordPress gallery transforms into a responsive image carousel with smooth transitions and touch-friendly navigation.

Does this work with Gutenberg galleries?

Yes, Block Editor Gallery Slider is designed specifically for WordPress Gutenberg galleries. The Gallery Slider Options panel integrates natively into the Block Editor gallery settings sidebar.

Can I use this with Classic Editor?

Yes, full WordPress Classic Editor support is included. A Gallery Slider Options metabox appears in the sidebar when editing pages/posts. Enable the slider to apply settings to all galleries on that Classic Editor page.

How to make WordPress gallery responsive?

Install Block Editor Gallery Slider and enable slider functionality. Gallery sliders automatically adapt to screen sizes with responsive container widths. Choose container size (540px-1680px) or full-width for perfect mobile display.

Will this slow down my WordPress site?

No, the plugin uses conditional script loading. CSS and JavaScript only load on WordPress pages that have galleries with sliders enabled. Minified assets ensure minimal performance impact.

Can I customize gallery slider container width?

Yes, choose from 7 container width options: 540px, 720px, 960px, 1140px, 1320px, 1680px, or Full Width (100% browser width). Each WordPress gallery can have different container widths in Block Editor.

Does this work with custom post types?

Yes, Block Editor Gallery Slider works with all registered WordPress custom post types. Enable specific post types in Settings > Block Editor Gallery to use gallery sliders in portfolios, projects, testimonials, etc.

How to add navigation to WordPress gallery?

Enable Gallery Slider and the Advanced lightbox mode. WordPress galleries get automatic previous/next navigation in the lightbox preview, plus touch-swipe support for mobile devices.

Can each gallery have different settings?

In Block Editor, yes! Each WordPress gallery can be individually enabled/disabled as a slider with its own container width. In Classic Editor, slider settings apply to all galleries on a page.

Does this work on mobile devices?

Yes, WordPress gallery sliders are fully responsive and touch-friendly. Swipe gestures work on tablets/smartphones, and gallery carousels adapt perfectly to mobile screen sizes.

How to disable slider on specific galleries?

In WordPress Block Editor, set individual galleries back to the default option to disable the slider. In Classic Editor, uncheck the enable slider option in the Gallery Slider Options metabox.

Screenshots

Below are screenshots showing how to access and use the WordPress gallery slider plugin.

- Gallery Slider Options in WordPress Block Editor

- WordPress gallery transformed into image slider

- Lightbox preview with navigation for WordPress galleries

- Settings page for gallery slider configuration

- WooCommerce product gallery slider example

- Responsive gallery carousel on mobile devices

Installation

Installing the WordPress gallery slider plugin is straightforward. Contact support if you encounter any issues.

Requirements:

WordPress 6.6 or higher
PHP 7.4 or higher
Gutenberg Block Editor or Classic Editor

= Installation from WordPress =

Go to Plugins > Add New
Search for Block Editor Gallery Slider
Click Install Now then Activate
Navigate to Settings > Block Editor Gallery
Configure global settings

= Manual Installation =

Download the WordPress gallery slider plugin ZIP file
Upload the block-editor-gallery-slider folder to /wp-content/plugins/
Go to Plugins in WordPress admin
Activate Block Editor Gallery Slider
Navigate to Settings > Block Editor Gallery

= After Activation =

An onboarding notice guides you through initial setup
Go to Settings > Block Editor Gallery to configure preferences
Edit any page/post in WordPress Block Editor
Add a Gallery block and upload images
Enable Gallery Slider in the Gallery Slider Options panel
Choose container width (540px - 1680px or Full Width)
Configure lightbox mode in global settings
Publish your WordPress gallery slider!

Quick Start:

Add Gallery block in Gutenberg
Upload 3-5 images
Enable Gallery Slider in settings
Choose 960px container width
Publish and view your image slider!

Changelog

= 1.2.1 =

Improvements

Update - WordPress 6.8 compatibility confirmed
Update - Performance optimizations for gallery slider scripts
Improve - Better responsive behavior for WordPress image carousels

= 1.2.0 =

New Features

New - WooCommerce product gallery slider support
New - Custom post type gallery slider controls
New - Lightbox mode selection (Advanced/Basic)

Improvements

Improve - Better WordPress Block Editor integration
Improve - Enhanced touch gesture support for mobile galleries
Update - Refined lightbox navigation UI

= 1.1.0 =

New Features

New - Classic Editor gallery slider support with metabox
New - Post type controls for WordPress gallery sliders
New - Editor controls (Block Editor / Classic Editor)
New - Onboarding notice for new users

Improvements

Improve - Conditional script loading for better WordPress performance
Improve - Responsive container width handling
Update - Settings page redesign

= 1.0.0 =

New - Initial WordPress gallery slider plugin release
New - Transform Gutenberg galleries into image sliders
New - Lightbox preview for gallery images
New - 7 container width options for responsive galleries
New - Individual gallery control in Block Editor
New - Touch-friendly gallery carousel for mobile
New - WordPress gallery slider settings page

Full changelog available at [Block Editor Gallery Slider](https://gallerysliderblocks.com/?utm_source=begs&utm_medium=free_plugin&utm_campaign=readme_txt)

Upgrade Notice

= 1.2.1 =

WordPress 6.8 compatibility update with performance improvements for gallery sliders.

= 1.2.0 =

Major update with WooCommerce support, custom post types, and lightbox mode options. Recommended upgrade.

= 1.1.0 =

Added Classic Editor support, post type controls, and enhanced WordPress gallery slider features.

= 1.0.0 =

Initial release of WordPress gallery slider plugin for Gutenberg and Classic Editor.