WordPress.org

Plugin Directory

Gallery Slider – Transform Block and Classic Editor Galleries into Carousels

Gallery Slider – Transform Block and Classic Editor Galleries into Carousels

Description

Turn your WordPress Block Editor galleries into customizable sliders; Classic Editor support included.

Block Editor Gallery Slider will help you convert your WordPress built-in galleries into fancy sliders. All images will open a modal window to display a larger image preview.

Classic Editor, WooCommerce, and Custom Post Type support included.

Tested with WordPress 5.9, but WP 5.8 and below Support is also included.

USAGE

Once you install and activate the plugin, you can go to any post or page and create a new gallery.

Then depending if you are using the Block or Classic Editor, you will see an additional meta box or panel, with the title Gallery Slider Options on the sidebar.

There is one significant difference for the Classic and Block editor users.

For Classic Editor, once you enable the plugin, the sliders will be applied to ALL the galleries on the current page or post.

While if you are using the Block Editor, you can select sliders functionality for each gallery individually.

There are two steps involved. While on with Block Editor, you only need to select the Container wrap size to be active in the gallery slider.

To remove the slider functionality, you need to select the default option from the select dropdown.

Note: The gallery slider container width is relative to the parent container, and it will always fit the parent if its size is less than the selected one.

FEATURES

You have almost total control over the plugin except for the styling and transitions.

  1. Plain Gallery to Fancy Sliders – convert your built-in WordPress galleries into sliders with a modal preview.
  2. Multi-editor Support – works with both Classic and Block editors.
  3. Choose you Container Size – select from several different container sizes from 540px to 1680px (full browser width is also included as an option)
  4. Backward Compatibility – there was a major change in the gallery structure in WordPress 5.9, but the plugin also supports WordPress 5.8 below.
  5. Full Block Editor Support – if you are using the Block editor, you preview what your gallery sliders will look like on the front-end.
  6. Switch Sliders ON/OFF – You can ultimately enable/disable the plugin from the settings page on the front-end.
  7. WooCommerce Products and CPT Support – You can use the WooCommerce and Custom Post Types plugin if enabled from the settings page.

User Settings

The plugin doesn’t have its dedicated settings page, but you can go to Settings > Media and scroll down the page to see all the available options.

The plugin supports both Block (Gutenberg) and Classic editors that can be manually turned on/off the Settings > Writing page.

In addition to regular posts and pages it also supports WooCommerce Products and all registered Custom Post Types.

You can manage each of the above on the Settings > Writing page.

In addition, you can turn ON/OFF the gallery sliders on your website front-end by checking the Yes, I want to disabled… form field.

DETAILED DOCUMENTATION

The step-by-step setup, usage, demos, video, and insights can be found on Block Editor Gallery Slider.

BLOCK EDITOR GALLERY SLIDER PRO

As of yet, this plugin doesn’t have a commercial version available.

Screenshots

  • screenshot-0.(gif)
  • screenshot-1.(png)
  • screenshot-2.(png)
  • screenshot-3.(png)
  • screenshot-4.(png)
  • screenshot-5.(png)

Installation

The plugin installation process is standard and easy to follow. Please let us know if you have any difficulties with the installation.

Installation from WordPress

  1. Visit Plugins > Add New.
  2. Search for Block Editor Gallery Slider.
  3. Install and activate the Block Editor Gallery Slider plugin.
  4. You will be either redirected to the main plugin page or need to click on the plugin settings link.

Manual Installation

  1. Upload the entire block-editor-gallery-slider folder to the /wp-content/plugins/ directory.
  2. Visit Plugins.
  3. Activate the Block Editor Gallery Slider plugin.
  4. You will be either redirected to the main plugin page or need to click on the plugin settings link.

After Activation

  1. Click on the on Settings link, and you will be redirected to the Settings > Media page, where at the bottom, you will see all the available settings for the plugin.

FAQ

Use the Support tab on this page to post your requests and questions.

All tickets are usually addressed within several days.

If your request is an add-on feature, we will add it to the plugin wish list and consider implementing it in the next major version.

Does it work with the Classic Editor?

Yes, it has Support and backward compatibility for the Cassic Editor.

Does it with CPT or WooCommerce?

Yes, if you have WooCommerce installed and active, you need to go to the Settings > Media page and enable the navigator controls.

The same is applicable for all existing Custom Post Types.

Does it support multisite?

Yes, the plugin is tested and works on WordPress multisite.

Do you offer additional Support if I encounter any issues?

Yes, you can get in touch with us by using the contact form on our website.

Reviews

Read all 1 review

Contributors & Developers

“Gallery Slider – Transform Block and Classic Editor Galleries into Carousels” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini.

Penyumbang

Changelog

1.0.9

  • Update – Performance and optimization compatibility

1.0.8

  • Update – Update .begs-notice styles
  • Update – Re-arrange the plugin options secton under Media
  • Update – Point begs_rating_notice_dimisss to the plugin options page
  • Update – Improve the front carousel slider speed and animations
  • Fix – Minor typos and text changes

1.0.7

  • Fix – Remove Gutenberg from the files, leave as Block Editor
  • Fix – Fix block editor script where we extened the core/gallery block
  • Fix – Add nowrap to all flex containers, both block and classic editors
  • Fix – Add columns styles for the block editor structure
  • Fix – Extend the column items with flex width e.g. flex: 0 0 calc(100% / 3)

1.0.6

  • New – Revisit /assets folder and change the structure for dev/dist scripts and styles
  • Update – Remove Patreon text and add proper rating message
  • Fix – Load styles properly in the TinyMCE
  • Fix – Adjust prev/next button position
  • Fix – Update Classic and Block editor previews

1.0.5

  • Update – Compatibility check with WordPress 6.7
  • Update – Compatibility check with PHP 8.3
  • Update – Language file (.pot) header text
  • Update – Change license files to use GPLv3
  • Fix – Use isset() or empty() to check the index exists before using it
  • Fix – json_encode() is discouraged. Use wp_json_encode() instead
  • Fix – Not unslashed before sanitization. Use wp_unslash() or similar
  • Fix – All output should be run through an escaping function (see the Security sections in the WordPress Developer Handbooks)
  • Fix – The block editor gallery slider was breaking because of addAttributes
  • Fix – The classic editor didn’t show up the meta box because of === check on string true

1.0.0

  • New – Realease for the first stable version.

0.1.0

  • New – Initial release (beta) and first commit into the WordPress.org SVN.